Home/Libraries/Freehand free icons (Iconify)/office-paper-binder

Freehand free icons (Iconify)

OfficePaperBinder

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="M9.514 1.472a3.92 3.92 0 0 0-3.36.81a3.74 3.74 0 0 0-1.171 1.42a2.8 2.8 0 0 0-.15 2.001c.157.494.44.939.82 1.29c.379.343.835.587 1.33.711q.226.072.46.1q.21.015.42 0v.42l.22.77c.06.4.911.62.781 0l-.06-.8a6 6 0 0 0 0-.7a1.2 1.2 0 0 0-.19-.5a.53.53 0 0 0-.35-.21h-.28l-.65-.15a2.4 2.4 0 0 1-.81-.54a1.9 1.9 0 0 1-.54-.77a1.82 1.82 0 0 1 .17-1.391c.16-.328.377-.626.64-.88a3.12 3.12 0 0 1 2.55-1a.33.33 0 0 0 .39-.24a.32.32 0 0 0-.22-.341M6.283 15.087c-.26 1.09-.5 2.18-.8 3.261a35 35 0 0 1-1.09 3.431a.36.36 0 0 0 .19.48a.37.37 0 0 0 .48-.19a31 31 0 0 0 1.68-4.001c.19-.58.36-1.18.51-1.78q.232-.897.37-1.811c.088-1.175.276-2.34.561-3.482c.14-.15.43-.12.64-.1s.2 0 .39 0h.58c.47-.05.91-.12 1.371-.16a.361.361 0 0 0 .05-.72q-.697-.18-1.41-.27q-.3-.023-.6 0l-.941.08a1.14 1.14 0 0 0-1.06.91c-.22 1.13-.68 3.362-.92 4.352M3.592 22.5a3.5 3.5 0 0 1-.32-.64a14 14 0 0 1-.64-2.121c-.13-.48-.24-1-.36-1.441c-.19-.71-.37-1.42-.53-2.14s-.38-1.581-.5-2.392a17 17 0 0 1-.29-2a3.4 3.4 0 0 1 .11-1.13c.86.06 1.7.16 2.55.19h2.721c.63 0 .87-.821.11-1.111a7.5 7.5 0 0 0-1.12 0a9 9 0 0 1-1 0a9 9 0 0 0-1 0c-.801.07-1.581.22-2.382.34a.28.28 0 0 0-.23.12a.32.32 0 0 0-.25.2a4 4 0 0 0-.28 1.46q-.015 1.05.1 2.091c.061 1.032.195 2.059.4 3.072c.24 1 .58 2 .92 3q.397 1.116.951 2.161c.21.37.39.63.56.88c.4.67.87.03.48-.54"/><path d="M23.25 10.425a2 2 0 0 0-.931-.42a6.6 6.6 0 0 0-1.24-.07c-.84 0-1.691.05-2.541 0a9 9 0 0 1-1.06-.05a.33.33 0 0 0-.36.28a.32.32 0 0 0 .28.36c.36.06.73.1 1.11.13c.84.08 1.69.1 2.53.17c.28 0 .59.05.9.11c.22.032.424.126.591.27c.2.19.17.52.15.85a13 13 0 0 1-.45 2.002l-1.31 5.942a13.4 13.4 0 0 1-.52 1.95a3 3 0 0 1-.6.95c-.641.06-1.291.1-1.932.11h-.48a.34.34 0 0 0 .22-.35c-.22-2.09-.36-4.201-.55-6.302c-.08-.91-.17-1.81-.28-2.71l-.42-3.102c-.05-.42-.13-.85-.16-1.27a4 4 0 0 1 0-.77a.92.92 0 0 1 .33-.62a6 6 0 0 1 .86-.52a4.8 4.8 0 0 0 1.6-1.371a2.48 2.48 0 0 0 .461-1.531a3 3 0 0 0-.24-1a6 6 0 0 0-.73-1.23a6.2 6.2 0 0 0-1.36-1.471a3.9 3.9 0 0 0-1.261-.62a5.22 5.22 0 0 0-3.752.52a5.1 5.1 0 0 0-2.48 2.86a4 4 0 0 0-.12.5a3 3 0 0 0 0 .531a2.5 2.5 0 0 0 .37 1.35c.267.413.66.729 1.12.9c.32.12.7.18 1 .321a.8.8 0 0 1 .36.24a.5.5 0 0 1 .08.24v.47q.008.876-.12 1.74c-.12.921-.3 1.832-.42 2.722c-.2 1.47-.43 2.931-.69 4.392c-.33 2-.71 3.92-1.08 5.882h-.28c-1.32.05-2.621.16-3.942.19h-1.63a.26.26 0 0 0-.22.1l-.07.48c1.443.246 2.906.367 4.371.36l1.63.06h2.451c1.581 0 3.112 0 4.652-.06a22 22 0 0 0 3.121-.36s.2.11.89-1.32q.43-.974.7-2.001c.351-1.17.691-2.341 1.001-3.522c.21-.79.39-1.58.59-2.36a9.3 9.3 0 0 0 .43-2.581a1.8 1.8 0 0 0-.57-1.37M12.485 22.77h-1.651c.41-1.911.83-3.812 1.21-5.722c.3-1.461.58-2.921.82-4.402c.15-.88.36-1.79.51-2.701q.165-.948.18-1.91q.03-.371 0-.741a1.6 1.6 0 0 0-.26-.63a1.9 1.9 0 0 0-.6-.52a12 12 0 0 0-1.28-.46a1.1 1.1 0 0 1-.53-.44a1.33 1.33 0 0 1-.18-.721l.12-.68a3.8 3.8 0 0 1 1.9-2.131a4 4 0 0 1 2.842-.42c.403.12.777.32 1.1.59c.346.295.655.631.92 1q.303.382.53.81c.134.244.212.514.23.791a1.38 1.38 0 0 1-.38 1c-.31.34-.676.628-1.08.85a4.7 4.7 0 0 0-1.23.881a1.92 1.92 0 0 0-.46 1.09a4.7 4.7 0 0 0 0 1c.05.45.14.891.21 1.331l.48 3.071c.13.89.25 1.791.35 2.681c.24 2.101.42 4.202.69 6.302a.34.34 0 0 0 .18.25c-1.56 0-3.06-.11-4.621-.17"/></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. OfficePaperBinderIcon.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.