Home/Libraries/Freehand free icons (Iconify)/office-folder

Freehand free icons (Iconify)

OfficeFolder

License: CC-BY-4.0

ICON SIZE

COLOR PICKER

Download SVG without fill color (CSS-styleable)

<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 24 24"><g fill="#818cf8" fill-rule="evenodd" clip-rule="evenodd"><path d="M19.895 12.392c-1.626-.24-9.599.12-10.277.12c-.898 0-.798.279-.998-.51a4.46 4.46 0 0 0-.619-2.025c-.808-.808-6.166 0-6.825 1.417c-.329.688.39 2.375.61 3.093a51 51 0 0 0 2.234 6.985a.301.301 0 1 0 .549-.25a51 51 0 0 1-1.996-6.904a10 10 0 0 1-.578-2.505c.319-.638 3.173-1.107 3.99-1.097l1.388.06c.24.349.18 1.995.778 2.604c.599.608 4.25.06 8.84.18c.2 0 3.233-.21 3.622.259c.39.469-.279 2.933-.429 3.482c-.339 1.277-.738 4.1-1.357 5.168c-.16.28-.13.46-1.826.6c-2.205.189-3.701-.06-8.191 0l-2.146-.12c-.548 0-1.087-.26-1.177.209c-.13.728 1.157.4 8.89.798c1.48.112 2.97.008 4.42-.31c1.357-.498 1.766-4.13 2.325-6.086c.34-1.157.998-3.562.27-4.49a2.46 2.46 0 0 0-1.497-.678M5.597 8.35c.13.43.509.4.618.15c.21-.458-.14-1.376-.14-1.396s-.339-4.111.01-5.199c.26-.788 2.794-.768 3.623-.778c1.237 0 8.261.26 8.82 1.058c.16.239.08.608 0 .997a47 47 0 0 1-1.177 7.125a.339.339 0 1 0 .658.15a49.6 49.6 0 0 0 1.477-7.175a2.23 2.23 0 0 0-.16-1.696C18.778.698 17.151.608 16.143.448C13.56.08 8.64-.4 6.205.578c-1.057.42-1.077 1.197-1.097 2.255c.028 1.849.192 3.693.489 5.518m17.192-3.033a3.22 3.22 0 0 0-1.816-1.228a.3.3 0 0 0-.25.54c1.647.937 1.178 1.266.918 1.835a28.4 28.4 0 0 1-1.786 4.12a.34.34 0 0 0 .589.34c.409-.758 3.053-4.24 2.345-5.607"/><path d="M16.523 5.258a.4.4 0 0 0 .09-.689c-.18-.17-.62-.22-1.906-.399a17 17 0 0 0-4.191-.06c-1.637 0-1.716 0-1.996.14a.29.29 0 0 0 .17.489l.569.08c1.774.34 3.586.44 5.388.299c.07.01 1.796.18 1.876.14m-.469 2.554a4.6 4.6 0 0 0-1.906-.449a14.8 14.8 0 0 0-3.053-.19c-1.098.08-2.904-.19-2.675.53a.3.3 0 0 0 .38.189c.538-.13.738.38 5.278.439a4.6 4.6 0 0 1 1.616.05a.339.339 0 1 0 .36-.569M1.945 6.036q.432 1.039.758 2.115a.3.3 0 0 0 .599-.06a18 18 0 0 0-.49-3.103c-.129-.608-.528-.997 1.527-1.706a.34.34 0 0 0-.16-.658c-2.683.369-2.973 1.367-2.234 3.412"/></g></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard

Overview Dashboard

PROGRESS STEPPER

BUTTON UI ACTIONS

SCALABILITY & CLARITY

12px

16px

24px

32px

48px

“

Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.

IconSearch Presets

Frequently Asked Questions

Q.How do I use this icon in my React/Next.js project?

You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @iconify/react) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. OfficeFolderIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **CC-BY-4.0** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.

Q.What is the "Download SVG without fill color" toggle?

Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.