Fang Body icon
fluent-mdl2:fang-body
The Fang Body icon (fluent-mdl2:fang-body) 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
- fangbody
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="2048" height="2048" viewBox="0 0 2048 2048"><path fill="currentColor" d="M1709 1668q46 8 84 31t67 56t44 76t16 89v128H384q-80 0-150-30t-122-82t-82-122t-30-150q0-79 30-149t82-122t122-83t150-30v128q-53 0-99 20t-82 55t-55 81t-20 100q0 53 20 99t55 82t81 55t100 20q25 0 49-9t42-28q18-18 27-42t10-49q0-196 73-377q35-88 85-163t116-144q117-123 177-274t61-322V384q0-53 20-99t55-82t81-55t100-20h192q62 0 110 21t94 61q26 23 53 34t63 12q27 0 50 10t40 27t28 41t10 50v128q0 40-15 75t-41 61t-61 41t-75 15h-64v704q0 66 11 131t34 129m83 252q0-26-10-49t-27-41t-41-28t-50-10h-43q-20-49-35-95t-27-92t-17-95t-6-102V704q0-27 10-50t27-40t41-28t50-10h40q22 0 42-4t33-18t13-42V384q-45 0-78-9t-58-24t-45-31t-41-31t-44-23t-54-10h-192q-26 0-49 10t-41 27t-28 41t-10 50v192q0 26 19 45t45 19q28 0 41-13t19-32t5-42t-1-41h128v64q0 40-15 75t-41 61t-61 41t-75 15q-48 0-91-23q-32 131-93 242t-154 209q-117 123-177 274t-61 322q0 68-34 128h802q0-27-10-50t-27-40t-41-28t-50-10h-128q0-53-20-99t-55-82t-81-55t-100-20v-128q62 0 118 18t104 52t83 81t57 105h22v-512h128v546q60 35 94 94t34 128z"/></svg>How to use the Fang Body icon
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-mdl2:fang-body" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-mdl2:fang-body" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-mdl2:fang-body" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-mdl2--fang-body]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-mdl2 -->
<div class="i-fluent-mdl2:fang-body"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-mdl2:fang-body"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/fluent-mdl2/fang-body.svg" alt="Fang Body icon" width="24" height="24">Fang Body icon FAQ
Is the Fang Body 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 Fang Body icon in React?
Install @iconify/react and render <Icon icon="fluent-mdl2:fang-body" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Fang Body icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fluent-mdl2/fang-body.svg" alt="Fang Body icon">, or paste the SVG code inline to style it with CSS.