file · IconaMoon
Free SVG file icon from IconaMoon. Rendered at 24×24 in the stroke style and licensed under CC-BY-4.0. Copy directly as SVG, React (JSX), or Vue. Download as SVG or PNG. No login, no attribution required for CC-BY-4.0 licensed icons.
Tags
- file
Code
HTML / SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><g fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="2"><path stroke-linecap="round" d="M7 21a2 2 0 0 1-2-2V3h9l5 5v11a2 2 0 0 1-2 2z"/><path d="M13 3v6h6"/></g></svg>
React
// Run: npx sant-icons get iconamoon-file --format react
export function IconamoonFile(props) {
return (
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" {...props}><g fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="2"><path stroke-linecap="round" d="M7 21a2 2 0 0 1-2-2V3h9l5 5v11a2 2 0 0 1-2 2z"/><path d="M13 3v6h6"/></g></svg>
);
}CLI
npx sant-icons get iconamoon-file
Properties
file in other libraries
Related from IconaMoon
The file icon ships with IconaMoon, an open-source icon set licensed under CC-BY-4.0. Search for it as "iconamoon file", "file svg", or any of its tagged terms (file). 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 iconamoon-file directly into your project. No browser context-switch.