Home/Libraries/Freehand free icons (Iconify)/notes-book

Freehand free icons (Iconify)

NotesBook

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="M7.174 5.083c-.22 3.002-.27 3.503-.26 3.673c0 .38.42.62.78.74c1.482.541 7.227 1.002 8.148.401a2.33 2.33 0 0 0 .72-1.581c.1-.771.09-3.884-.2-4.234c-.45-.59-1.37-.58-5.374-.71H7.855c-.71-.01-.67 1.61-.68 1.71m.721-1.001c2.038.015 4.072.183 6.085.5c.28 0 1.151 0 1.432.09c-.1.11 0 .52.05.651c.14 1 0 3.473-.26 3.633h-.22c-1.762-.18-3.294.51-6.867-.23c-.67-.18-.22-3.863-.22-4.674z"/><path d="M22.458 4.082c-.32-.11-2.262-.22-2.252.15c-.24.83 1.932.13 2.152.7c.256.84.371 1.716.34 2.593a4.63 4.63 0 0 0-2.602-.31c0-4.084.12-4.004 0-4.644a1.73 1.73 0 0 0-.65-1.141C15.991-.852 11.137.649 7.404.129a9.3 9.3 0 0 0-3.073 0c-1.301.34-1.281 1.5-.73 1.5a.34.34 0 0 0 .38-.37c0-.86 2.532-.5 3.313-.38c3.633.55 8.547-.78 11.61 1.331c.46.32.23.931 0 12.351a25.8 25.8 0 0 1-.48 5.945c-.14.54-.25 1.362-.691 1.662c-1.522 1-4.694.67-6.516.3s-3.373.17-5.004-.09c-.821-.13-2.783-.11-3.003-.76a3.6 3.6 0 0 1-.15-.781q1.007.052 2.002-.11a.35.35 0 0 0 0-.49a5 5 0 0 0-2.002-.531c0-.731.08-1.201.18-2.332c.613.04 1.228.002 1.832-.11a.35.35 0 0 0 0-.49a4.4 4.4 0 0 0-1.772-.491V13.79c.477.03.955-.006 1.421-.11a.35.35 0 0 0 0-.49a3.4 3.4 0 0 0-1.431-.44V9.667c.477.03.955-.007 1.421-.11a.35.35 0 0 0 0-.49c-.428-.25-.907-.4-1.401-.441V5.753c.477.03.955-.006 1.421-.11a.35.35 0 0 0 0-.49a3.4 3.4 0 0 0-1.431-.44c.18-2.583.15-2.232.13-2.323a.27.27 0 0 0-.37-.24c-.33.08-.25.36-.41 2.472c-.871-.11-2.563-.29-2.423.54c0 .101.12.201.32.271s1.732.26 2.102.31v2.783c-.86-.1-2.532-.28-2.392.55c0 .31.6.34 2.342.56c0 1.002-.06 2.003-.07 3.004c-.82-.09-2.412-.25-2.272.56c0 .1.12.2.32.27s1.392.21 1.942.28c0 .911 0 1.532-.08 2.433c-.73-.05-2.001-.13-1.871.6c0 .1.12.2.32.27c.05 0 .84.14 1.451.22c-.12 1.111-.19 1.602-.23 2.353c-.67 0-1.651 0-1.541.62c0 .1.12.2.32.28l1.211.18q.017.623.19 1.222c.44 1.37 2.632 1.29 3.773 1.5c1.562.281 3.504-.15 5.005.151c2.192.46 5.545.81 7.396-.45a3.47 3.47 0 0 0 1.161-2.352c.362-1.643.527-3.323.49-5.005c.475.155.974.223 1.472.2a3.2 3.2 0 0 1 .81 0c-.16 1.512-.07.861-.16 1.952c-.2.51-.35.78-.9.8c-.09 0-1.081-.21-1.291.14a.33.33 0 0 0 .05.421c.399.137.82.201 1.24.19c2.493.07 2.003-3.943 2.363-7.726c.07-1.712.43-7.127-1.241-7.667m.23 4.354c0 1.19-.15 2.372-.22 3.253c0 .5.31-.15-2.392.08V8.085c.85.235 1.73.353 2.612.35m-2.642 6.445v-2.13c.465.109.946.136 1.421.08q.48.014.95-.07v2.372a5 5 0 0 0-2.371-.25"/></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. NotesBookIcon.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.