Donation Charity Donate Box icon
streamline-freehand:donation-charity-donate-box
The Donation Charity Donate Box icon (streamline-freehand:donation-charity-donate-box) is a free SVG icon from the Freehand free icons set by Streamline. It is drawn on a 24 × 24 grid. Freehand free icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Freehand free icons
- Author
- Streamline
- License
- CC-BY-4.0
- Size
- 24 × 24
- Category
- MoneyPaymentsFinance
- Tags
- donationcharity, charitydonate, donatebox, donationcharitydonatebox
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor" 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>How to use the Donation Charity Donate Box icon
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-freehand:donation-charity-donate-box" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-freehand:donation-charity-donate-box" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-freehand:donation-charity-donate-box" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-freehand--donation-charity-donate-box]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-freehand -->
<div class="i-streamline-freehand:donation-charity-donate-box"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-freehand:donation-charity-donate-box"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/streamline-freehand/donation-charity-donate-box.svg" alt="Donation Charity Donate Box icon" width="24" height="24">Related icons in Freehand free icons
Donation Charity Donate Box icon in other icon sets
Donation Charity Donate Box icon FAQ
Is the Donation Charity Donate Box icon free for commercial use?
Yes. Freehand free icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.
How do I use the Donation Charity Donate Box icon in React?
Install @iconify/react and render <Icon icon="streamline-freehand:donation-charity-donate-box" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Donation Charity Donate Box icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/streamline-freehand/donation-charity-donate-box.svg" alt="Donation Charity Donate Box icon">, or paste the SVG code inline to style it with CSS.