Home/Libraries/Freehand free icons (Iconify)/donation-charity-donate-box

Freehand free icons (Iconify)

DonationCharityDonateBox

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="M12.135 8.435a1.54 1.54 0 0 0 1.423-1.312A1.29 1.29 0 0 0 13.157 6a4.3 4.3 0 0 0-1.603-.752a2.6 2.6 0 0 1-.53-.25c-.09-.07-.191-.14-.201-.27c-.13-1.002 1.653-.722 2.284-.341a.28.28 0 0 0 .39-.08a.29.29 0 0 0-.08-.39a3.4 3.4 0 0 0-.781-.401l.07-.08a.7.7 0 0 0 .1-.22a1 1 0 0 0 0-.241v-.591a.31.31 0 0 0-.14-.39a.33.33 0 0 0-.42.16a5 5 0 0 0-.391.5q-.062.108-.11.22a1.3 1.3 0 0 0-.06.25a1 1 0 0 0 0 .191a3 3 0 0 0-.672 0A1.35 1.35 0 0 0 9.811 4.8a1.32 1.32 0 0 0 .551 1.001a6.2 6.2 0 0 0 1.563.671c.3.12.62.19.59.531c-.03.34-.43.521-.86.571a2.86 2.86 0 0 1-1.523-.28a1 1 0 0 1-.32-.29a2.4 2.4 0 0 1-.261-.461a.321.321 0 0 0-.591.25q.133.375.36.701c.111.16.25.3.411.41q.202.146.43.241a.8.8 0 0 0-.14.26a2 2 0 0 0-.05.251v.591a.32.32 0 0 0 .592.24q.195-.229.36-.48q.063-.11.1-.23a.8.8 0 0 0 .05-.251a.4.4 0 0 0 0-.11c.351.063.71.07 1.062.02"/><path d="M7.818 10.328a4.55 4.55 0 0 0 2.414.871a9.6 9.6 0 0 0 2.003-.11a.283.283 0 1 0-.08-.56c-.622.07-1.25.07-1.873 0a3.8 3.8 0 0 1-1.162-.291a3.4 3.4 0 0 1-.861-.541a6.6 6.6 0 0 1-.761-.691a4.27 4.27 0 0 1-.812-4.778a5.44 5.44 0 0 1 3.897-3.095a5.6 5.6 0 0 1 3.135.39a4.9 4.9 0 0 1 2.424 2.004a4.69 4.69 0 0 1 .17 3.946a4.59 4.59 0 0 1-2.895 2.765a.31.31 0 0 0-.22.39a.32.32 0 0 0 .4.22a5.25 5.25 0 0 0 3.436-3.084a5.49 5.49 0 0 0-.07-4.688A5.7 5.7 0 0 0 14.118.582A6.45 6.45 0 0 0 10.363.09a6.44 6.44 0 0 0-4.607 3.756a5.07 5.07 0 0 0 1.182 5.71q.414.416.881.77m13.221 5.14c-.12.852-.44 2.515-.811 4.247a12 12 0 0 1-.772 2.745a2 2 0 0 1-.28.08a10 10 0 0 1-1.172.15c-1.723.18-4.477.26-7.012.27a45 45 0 0 1-4.627-.16a2.2 2.2 0 0 1-.872-.17a1.9 1.9 0 0 1-.45-.701c-.19-.48-.301-1.002-.431-1.462L3.58 16.278c-.15-.591-1.132-.501-1.002 0c.22.7.511 1.392 1.282 4.357q.15.796.381 1.573c.135.396.353.758.641 1.061a5.4 5.4 0 0 0 2.424.591c1.402.12 3.296.16 5.189.13a46 46 0 0 0 6.67-.53a1.8 1.8 0 0 0 1.002-.401c.38-.77.634-1.594.752-2.444c.11-.571.48-2.304.861-5.43c-.03-.28-.741-.07-.741.281"/><path d="M3.821 15.617c.942 0 2.384.08 4.057.07c1.873 0 4.007-.06 6.07-.14c2.875-.12 5.51-.311 6.741-.461c.371 0 1.052-.14 1.102-.501a1.06 1.06 0 0 0-.12-.521c-.18-.34-.561-.821-.671-1.002a15 15 0 0 0-1.002-1.452a32 32 0 0 0-1.673-2.003a.31.31 0 0 0-.44 0a.32.32 0 0 0 0 .45c.54.641 1.082 1.313 1.572 2.004q.488.688.902 1.422c.06.11.16.49.3.761l-1.122.07c-1.452.07-3.595.12-5.87.19l-5.879.181c-2.003.06-3.716.13-4.517.11H3.1c.11-.21.35-.52.4-.61a43 43 0 0 0 1.713-3.657a.28.28 0 0 0-.2-.42a.28.28 0 0 0-.371.14c-.28.61-.581 1.202-.882 1.793s-.63 1.162-1.001 1.743c-.213.313-.391.65-.531 1.001c-.22.902 1.412.832 1.592.832"/><path d="M12.436 12.01h-1.683q-1.426.104-2.825.401a.3.3 0 0 0-.25.31a.29.29 0 0 0 .34.291c.842 0 1.663.07 2.504.09h1.673c.952 0 1.883-.17 2.825-.3a.31.31 0 0 0 .29-.33a.32.32 0 0 0-.34-.301c-.861-.06-1.693-.16-2.534-.16"/></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. DonationCharityDonateBoxIcon.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.