Home/Libraries/Freehand free icons (Iconify)/receipt

Freehand free icons (Iconify)

Receipt

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="M22.721 1.832A14 14 0 0 0 18.855.454a27.4 27.4 0 0 0-8.753-.19c-.999.12-2.218.24-2.807 1.069A4.94 4.94 0 0 0 6.765 4c-.45 4.505.66 10.68-2.248 12.089a.34.34 0 0 0 .29.61c3.507-1.55 2.488-7.994 3.077-12.6c.13-.689-.03-1.608.33-2.098s1.489-.57 1.998-.64c4.996-.768 7.574-.439 9.841.08c-5.674 1.81-.899 10.302-2.707 16.346c-.85 2.848-3.287 3.817-4.606 3.347a7.1 7.1 0 0 1-2.698-2.608c-.669-.999-.679-1.418-1.159-1.398c-.859 0-7.313.29-8.152.41c-.3 0-.54.2-.58.789a6.55 6.55 0 0 0 1.07 3.746a4.4 4.4 0 0 0 2.887 1.799c1.914.17 3.84.17 5.755 0c.824-.096 1.64-.26 2.437-.49a.29.29 0 0 0 .21-.36c-.14-.5-.5 0-2.707.21a31 31 0 0 1-5.545-.09c-1.609-.34-2.808-1.388-3.187-3.926v-.72c.709-.12 3.546-.17 7.503-.26q.467.894 1.089 1.69c1.548 1.838 2.947 3.057 5.245 2.177c4.476-1.688 4.216-6.993 3.657-11.72c-.34-2.947-1-5.944.49-7.343c1.248-1.189 3.167-1.448 3.776.46c.242.949.317 1.933.22 2.907c-.08.38-.19.46-.52.54a29 29 0 0 1-3.377.48a.34.34 0 0 0 0 .679a24 24 0 0 0 2.918-.35c1.358-.17 1.768-.45 1.778-2.198c.01-1.279-.14-2.907-1.129-3.727"/><path d="M8.014 13.042c-.08.15 0 .31.17.49c.74.72 2.178.41 2.848.29c.4 0 .39-.67 0-.67c-2.688-.51-2.808-.46-3.018-.11m.8-2.687c.739.72 2.178.41 2.847.28c.39 0 .39-.67 0-.67c-2.708-.5-2.827-.46-2.997-.11c-.11.14-.04.32.15.5m2.847-3.357c.39 0 .39-.67 0-.67c-2.708-.51-2.827-.46-2.997-.12c-.09.16 0 .32.17.5c.719.7 2.178.39 2.827.29m4.216 0c.4 0 .4-.67 0-.67c-2.707-.51-2.817-.46-2.997-.12c-.09.16 0 .32.16.5c.74.7 2.178.39 2.837.29M12.8 13.912c.339.19.713.309 1.099.35a5.3 5.3 0 0 1 1.499.489c.39.26.35.71-.48.77a3.3 3.3 0 0 1-1.998-.5a.334.334 0 0 0-.535.142a.33.33 0 0 0 .095.357c.415.352.909.6 1.439.72c-.39.619.07 1.498.38 1.498s.719-.85.48-1.349c.48.028.957-.09 1.368-.34a1.28 1.28 0 0 0 .22-1.918a4.46 4.46 0 0 0-2.168-.999a6 6 0 0 1-.68-.12c-.16-.08-.24-.44.28-.719c1-.55 1.818-.22 1.998.2a.3.3 0 0 0 .39.15c.52-.23-.24-1.329-1.369-1.409a1.58 1.58 0 0 0-.43-1.479c-.28 0-.819.79-.519 1.579c-1.808.46-1.858 1.978-1.069 2.578"/></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. ReceiptIcon.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.