library-24-regular · Fluent UI
Free SVG library-24-regular icon from Fluent UI. Rendered at 24×24 in the stroke style and licensed under MIT. Copy directly as SVG, React (JSX), or Vue. Download as SVG or PNG. No login, no attribution required for MIT licensed icons.
Tags
- library
- 24
- regular
Code
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="currentColor" d="M4 3h1c1.054 0 1.918.816 1.995 1.85L7 5v14a2 2 0 0 1-1.85 1.994L5 21H4a2 2 0 0 1-1.995-1.85L2 19V5c0-1.054.816-1.918 1.85-1.995zh1zm6 0h1c1.054 0 1.918.816 1.995 1.85L13 5v14a2 2 0 0 1-1.85 1.994L11 21h-1a2 2 0 0 1-1.995-1.85L8 19V5c0-1.054.816-1.918 1.85-1.995zh1zm6.974 2c.84 0 1.608.531 1.89 1.346l.047.157l3.015 11.746a2 2 0 0 1-1.296 2.391l-.144.043l-.969.248a2 2 0 0 1-2.387-1.284l-.047-.155l-3.016-11.745a2 2 0 0 1 1.298-2.392l.143-.043l.968-.248q.25-.064.498-.064M5 4.5H4a.5.5 0 0 0-.492.41L3.5 5v14c0 .244.177.45.41.492L4 19.5h1c.245 0 .45-.178.492-.41L5.5 19V5a.5.5 0 0 0-.41-.492zm6 0h-1a.5.5 0 0 0-.492.41L9.5 5v14c0 .244.177.45.41.492l.09.008h1c.245 0 .45-.178.492-.41L11.5 19V5a.5.5 0 0 0-.41-.492zm5.975 2l-.063.004l-.063.013l-.968.247a.5.5 0 0 0-.376.51l.015.1l3.016 11.745a.5.5 0 0 0 .483.375l.063-.003l.062-.012l.97-.25a.5.5 0 0 0 .374-.519l-.015-.088l-3.015-11.747a.5.5 0 0 0-.483-.375"/></svg>
// Run: npx sant-icons get fluent-library-24-regular --format react
export function FluentLibrary24Regular(props) {
return (
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" {...props}><path fill="currentColor" d="M4 3h1c1.054 0 1.918.816 1.995 1.85L7 5v14a2 2 0 0 1-1.85 1.994L5 21H4a2 2 0 0 1-1.995-1.85L2 19V5c0-1.054.816-1.918 1.85-1.995zh1zm6 0h1c1.054 0 1.918.816 1.995 1.85L13 5v14a2 2 0 0 1-1.85 1.994L11 21h-1a2 2 0 0 1-1.995-1.85L8 19V5c0-1.054.816-1.918 1.85-1.995zh1zm6.974 2c.84 0 1.608.531 1.89 1.346l.047.157l3.015 11.746a2 2 0 0 1-1.296 2.391l-.144.043l-.969.248a2 2 0 0 1-2.387-1.284l-.047-.155l-3.016-11.745a2 2 0 0 1 1.298-2.392l.143-.043l.968-.248q.25-.064.498-.064M5 4.5H4a.5.5 0 0 0-.492.41L3.5 5v14c0 .244.177.45.41.492L4 19.5h1c.245 0 .45-.178.492-.41L5.5 19V5a.5.5 0 0 0-.41-.492zm6 0h-1a.5.5 0 0 0-.492.41L9.5 5v14c0 .244.177.45.41.492l.09.008h1c.245 0 .45-.178.492-.41L11.5 19V5a.5.5 0 0 0-.41-.492zm5.975 2l-.063.004l-.063.013l-.968.247a.5.5 0 0 0-.376.51l.015.1l3.016 11.745a.5.5 0 0 0 .483.375l.063-.003l.062-.012l.97-.25a.5.5 0 0 0 .374-.519l-.015-.088l-3.015-11.747a.5.5 0 0 0-.483-.375"/></svg>
);
}npx sant-icons get fluent-library-24-regular
Properties
Related from Fluent UI
The library-24-regular icon ships with Fluent UI, an open-source icon set licensed under MIT. Search for it as "fluent ui library-24-regular", "library-24-regular svg", or any of its tagged terms (library, 24, regular). The SVG is normalised to a 24×24 viewBox so you can drop it into any UI framework alongside the other icons here without scaling concerns.
Need this icon in your codebase fast? Install the MCP server for Claude Code (or any MCP-aware AI tool) and ask the model to fetch fluent-library-24-regular directly into your project. No browser context-switch.