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

Freehand free icons (Iconify)

NotesHand

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"><path fill="#818cf8" d="M20.59 14.923a35.5 35.5 0 0 0-8.275-.9a.29.29 0 0 0 0 .58c2.701.646 5.468.981 8.245 1a.34.34 0 0 0 .03-.68M23.598 3.46c-.08-.81-.939-.89-1.759-1a3.4 3.4 0 0 0-.21-1.31a1.28 1.28 0 0 0-1.768-.099c-.175.185-.31.402-.4.64a3 3 0 0 0-1.77-.17a2.1 2.1 0 0 0-.18-.82a1.31 1.31 0 0 0-1.778-.1q-.215.239-.35.53a1 1 0 0 0-1 0a1.85 1.85 0 0 0-.14-.73a1.31 1.31 0 0 0-1.778-.1a1.8 1.8 0 0 0-.38.62a2 2 0 0 0-1.25 0c-.889.36-1.598 3.648-1.778 4.637a50 50 0 0 0-.62 5.437a.33.33 0 0 0 .66 0c.13-1.21.87-4.267 1.409-6.996c.5-2.548.46-2.618 1.38-2.528c-.47 1.999-.17 1.729.659 2.049c1.14.48 1.789-.22 1.889-1.52a1 1 0 0 0 .48.11c.21 0 .19-.16.08.44c-.06.31-.18.63.06.94s.579.27.759.33c.95.36 1.759 0 1.889-1.47c.462.237.99.311 1.499.21c-.15.77-.28 1.09 0 1.42s.59.27.77.33c.929.329 1.639 0 1.838-1.18c.24.05.47.09.65.14c.66.19.29-.29-.29 5.337c-.23 2.198-.36 4.417-.49 5.217a.3.3 0 0 0 .58.11c.14-.81 1.65-7.136 1.34-10.474M13.374 2.4c-.07.15-.21.21-.42.12h-.18s.05-.89.1-1.16c.12-.719.2-.609.77-.579a4 4 0 0 1-.27 1.62m3.268.3c-.08.15-.21.21-.43.12h-.17c0-.05 0-.89.09-1.17c.13-.719.21-.609.78-.579a4 4 0 0 1-.27 1.629m4.118.49c-.13.27-.32.13-.6.1c.06-.15 0-1.28.28-1.72c.05-.07.5 0 .59 0a4 4 0 0 1-.27 1.62"/><path fill="#818cf8" d="M11.795 5.668q.874.223 1.77.33c1.383.368 2.793.632 4.217.79c1.389.16 2.998.49 2.468-.33c-.12-.19-.87-.3-2.308-.63c-.48-.11-1.48-.38-2.529-.53c-1.589-.23-4.917-.3-3.618.37m-.19 2.939c1.009.34 2.046.592 3.098.75c1.95.289 2.539.15 4.628.419a.34.34 0 0 0 .13-.66a28 28 0 0 0-4.648-.85h-1.609a6.5 6.5 0 0 1-1.389-.1a.3.3 0 0 0-.21.44m-.269 2.469c-.3 0-.24.29-.21.4a.32.32 0 0 0 .16.16c1.209.379 2.455.627 3.717.74q.997.1 2 .08a.33.33 0 0 0 .359-.52a15.7 15.7 0 0 0-6.026-.86m6.156 7.086a1.779 1.779 0 0 0-2.499-2.049a8.2 8.2 0 0 0-2.258 1.88c-.4.369-1.79 1.488-1.82 1.518a5.8 5.8 0 0 1-1.918-.43c-.19-.09-.38-.05 0-.56c1.15-1.748 2.578-2.318 1.569-4.057c-.79-1.339-2.878-.12-4.108.83s-1.1 1.1-2.378 1.17c-1.6.079-3.278-.07-3.528.079a.34.34 0 0 0-.16.45c.18.29 1.849.21 3.258.21a3.7 3.7 0 0 0 1.999-.36a13.7 13.7 0 0 1 3.168-1.999c.37-.13.73-.24.88 0a1 1 0 0 1 .15.83c-.3 1.029-2.849 2.618-1.85 3.917c.45.6 2.12 1 2.999 1a14.4 14.4 0 0 0 3.248-.46c2.938-.76 3.228-1.22 3.568-.52c.14.29-.06.56-.29.81c-3.748 4.167-11.503 1.999-11.653 2.059s-3.418.64-4.488.95a.29.29 0 1 0 .15.559c.93-.24 3.428-.64 4.378-.79c3.448 1 8.145 1.14 11.133-1a5.6 5.6 0 0 0 1.74-1.688a1.62 1.62 0 0 0-1.29-2.349m-4.997 1.18c-.4.06-.2.09.87-.61c1.069-.7 2.158-2 2.828-1.73a1.06 1.06 0 0 1 .58 1.25c-1.78.43-2.68.85-4.308 1.09z"/></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. NotesHandIcon.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.