Nonprofit Logo 32 icon
fluent-mdl2:nonprofit-logo-32
The Nonprofit Logo 32 icon (fluent-mdl2:nonprofit-logo-32) is a free SVG icon from the Fluent UI MDL2 set by Microsoft Corporation. It is drawn on a 2048 × 2048 grid. Fluent UI MDL2 icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Fluent UI MDL2
- Author
- Microsoft Corporation
- License
- MIT
- Size
- 2048 × 2048
- Tags
- nonprofitlogo
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="2048" height="2048" viewBox="0 0 2048 2048"><path fill="currentColor" d="M925 1280q0 34-24 58l-193 193q-24 24-59 24t-59-23t-24-59q0-35 24-59l193-193q24-24 59-24t59 24t24 59m-205-104q0 35-24 59l-143 142q-24 24-58 24q-35 0-59-23t-24-59q0-35 24-59l142-143q11-11 27-17t32-7q35 0 59 24t24 59m345 273q0 33-25 58l-178 178q-24 24-59 24t-59-23t-24-59q0-35 24-59l179-178q25-25 58-25q34 0 59 24t25 60m-108 415q-35 0-59-24t-24-59t24-59l135-134q25-25 59-25q35 0 59 25t24 60q0 16-7 31t-18 26l-134 135q-24 24-59 24m963-1153q0 88-23 154t-62 123t-90 108t-108 110l-590-593l-297 295q-30 28-70 28q-41 0-69-28t-29-70q0-41 29-70l428-426q74-73 168-111t198-39q107 0 201 41t163 112t110 165t41 201m-272 604q0 35-24 59t-59 24q-34 0-58-24l-307-308q-7-7-19-7q-11 0-19 7t-8 19q0 10 8 18l336 336q25 25 25 59q0 35-24 59t-60 24q-34 0-58-24l-336-336q-7-7-19-7q-11 0-18 7t-8 19q0 10 8 18l336 336q24 24 24 59t-24 59t-59 24q-26 0-42-11t-33-30q10-21 10-49q0-27-10-50t-28-41t-42-27t-51-10q20-31 20-69q0-27-10-50t-27-41t-41-28t-49-10h-9q-4 0-10 2q3-11 5-21t2-22q0-26-10-49t-27-41t-41-28t-50-10q-21 0-40 7t-37 19q0-27-10-50t-27-41t-40-28t-51-10q-25 0-49 9t-42 28l-127 128q-60-61-113-113t-92-110t-63-126t-23-160q0-106 41-199t112-162t165-110t199-41q97 0 186 34t161 100L579 736q-20 20-31 46t-12 56q0 30 11 56t31 45t46 31t56 12q29 0 55-11t47-31l265-264l577 580q24 24 24 59m-583 539l111-111q8 18 8 36q0 35-24 59t-59 24q-18 0-36-8"/></svg>How to use the Nonprofit Logo 32 icon
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-mdl2:nonprofit-logo-32" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-mdl2:nonprofit-logo-32" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-mdl2:nonprofit-logo-32" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-mdl2--nonprofit-logo-32]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-mdl2 -->
<div class="i-fluent-mdl2:nonprofit-logo-32"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-mdl2:nonprofit-logo-32"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/fluent-mdl2/nonprofit-logo-32.svg" alt="Nonprofit Logo 32 icon" width="24" height="24">Nonprofit Logo 32 icon FAQ
Is the Nonprofit Logo 32 icon free for commercial use?
Yes. Fluent UI MDL2 icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Nonprofit Logo 32 icon in React?
Install @iconify/react and render <Icon icon="fluent-mdl2:nonprofit-logo-32" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Nonprofit Logo 32 icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fluent-mdl2/nonprofit-logo-32.svg" alt="Nonprofit Logo 32 icon">, or paste the SVG code inline to style it with CSS.