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

Freehand free icons (Iconify)

DonationCharityDonateBag2

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="M11.303 17.343a4.8 4.8 0 0 0-1.91-.35a2.4 2.4 0 0 1-.69-.11a.43.43 0 0 1-.32-.25c-.45-1.13 1.57-1.29 2.38-1.06a.28.28 0 1 0 .18-.53a3.1 3.1 0 0 0-1-.2a1 1 0 0 0 .05-.14q.04-.132.05-.27a2 2 0 0 0 0-.26c0-.23-.09-.42-.12-.64a.32.32 0 0 0-.594-.199a.3.3 0 0 0-.036.12q-.155.304-.26.63q-.045.13-.06.27a3 3 0 0 0 0 .28q.021.116.06.23q-.389.052-.75.21a1.45 1.45 0 0 0-.81 1.92a1.4 1.4 0 0 0 .85.91c.6.166 1.218.257 1.84.27c.38 0 .76 0 .83.44s-.33.72-.8.89a3.07 3.07 0 0 1-1.72.14a1.2 1.2 0 0 1-.47-.26a4 4 0 0 1-.38-.39a.32.32 0 0 0-.5.4q.246.354.57.64a2 2 0 0 0 .55.31q.277.102.57.14v.07q-.015.134 0 .27a1 1 0 0 0 0 .26c0 .23.08.42.12.64a.32.32 0 1 0 .63.08q.15-.307.25-.63q.045-.133.06-.27a.9.9 0 0 0 0-.28a.7.7 0 0 0 0-.14a3.8 3.8 0 0 0 1.14-.27a1.68 1.68 0 0 0 .99-1.8a1.38 1.38 0 0 0-.7-1.07m1-7.121c-.34.42.62.73.89.38a1.45 1.45 0 0 0 .27-.56c0-.26-.43-.39-.78-.17c-.03.05-.31.27-.38.35"/><path d="M20.913 6.643a.33.33 0 0 0-.44.12a1.89 1.89 0 0 1-1.29.94q-.194.03-.39 0q-.991-.195-2-.23c-.74.08-2 .87-3.07 1.06a1 1 0 0 1-1.27-.54c-.16-.32.14-.47.44-.66a6.5 6.5 0 0 0 2.17-1.66a1.57 1.57 0 0 0 .12-1.4c-.42-1.2-1.16-1.53-1.91-1.41a2.77 2.77 0 0 0-2 1.35c-.13.25.22.54.51.33a2.1 2.1 0 0 1 1.22-.82c.56-.22 1.11 0 1.35.83c.16.57-.26.88-.72 1.16s-1.79 1.1-1.89 1.2a1.26 1.26 0 0 0-.21 1.59c.95 1.8 2.63 1.1 3.77.56a10 10 0 0 1 1.63-.72q.941-.004 1.87.14q.294.008.58-.06a2.65 2.65 0 0 0 1-.5a2.8 2.8 0 0 0 .62-.84a.33.33 0 0 0-.09-.44"/><path d="M12.233 5.633c-1.61-1.94-4.22-1-4.37-1a3.4 3.4 0 0 0-1.71 1.54c-1 1.62-1.07 3.67.86 4.69c.26.11 1.1-.22.6-.51c-1.38-.65-1.45-2.31-.61-3.61a3.23 3.23 0 0 1 1.85-1.33a3.42 3.42 0 0 1 2.33.24c.19.1.363.232.51.39c.31.34.84-.05.54-.41m9.09-1.77l-2.5-1.34c-.72-.44-1.4-1.09-2.13-1.6a5 5 0 0 0-1.78-.86a3.47 3.47 0 0 0-3.16 1q-.774.807-1.42 1.72q-.372.526-.65 1.11c.1.22.29.28.56.17q.285-.448.63-.85q.675-.786 1.47-1.45a2.6 2.6 0 0 1 2.33-.67a5.6 5.6 0 0 1 1.8.92q.926.668 1.92 1.23l2.66 1.18a.31.31 0 0 0 .42-.15a.32.32 0 0 0-.15-.41m-10.52 7.01q-1.001-.03-2 .06c-.24 0-2.44.33-2.91.42a2.13 2.13 0 0 0-1.26.64c-.16.27-.19.64.34 1.08a.33.33 0 0 0 .18.08a10 10 0 0 0-.91 1.29a15 15 0 0 0-.85 1.73c-.17.41-.33.83-.47 1.26q-.212.654-.34 1.33a4.7 4.7 0 0 0-.08 1c.007.339.057.675.15 1q.115.35.28.68q.165.332.37.64a3.84 3.84 0 0 0 2.21 1.68c1.283.2 2.585.258 3.88.17a18.5 18.5 0 0 0 4.4-.15a3.57 3.57 0 0 0 1.88-1a3 3 0 0 0 .65-1.15c.171-.58.249-1.185.23-1.79a13.7 13.7 0 0 0-.35-3.35a6.6 6.6 0 0 0-.93-2.13a5 5 0 0 0-.56-.66a7 7 0 0 0-.63-.55a4 4 0 0 0-.31-.2l.18-.16a.84.84 0 0 0 .28-.64a.91.91 0 0 0-.41-.71c-.82-.64-1.64-.52-3.02-.57m2.44 1.24a.4.4 0 0 1 0 .09q-.166.144-.31.31a.83.83 0 0 0-.17.76a.56.56 0 0 0 .17.27c.12.12.45.31.52.37q.28.23.53.49q.245.241.43.53a5.6 5.6 0 0 1 .75 1.84c.217 1.015.31 2.053.28 3.09c.006.42-.037.84-.13 1.25a2.07 2.07 0 0 1-.48 1a3.13 3.13 0 0 1-1.89.76a23 23 0 0 1-3.58 0a17.6 17.6 0 0 1-3.66 0a3 3 0 0 1-1.7-1.28q-.18-.255-.33-.53a2.7 2.7 0 0 1-.24-.55a2.8 2.8 0 0 1-.15-.8a4 4 0 0 1 0-.84q.103-.634.28-1.25c.12-.42.26-.83.41-1.23a12.5 12.5 0 0 1 .77-1.66a9 9 0 0 1 1-1.5c.26-.3-.16-.44-.43-.66c-.12-.11-.19-.18-.2-.26s.09-.06.15-.1a2.5 2.5 0 0 1 .74-.22c.78-.13 1.58-.24 2.38-.3a17 17 0 0 1 2.36-.05q.834.008 1.66.11c.307.043.598.167.84.36"/></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. DonationCharityDonateBag2Icon.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.