Afordin Dark icon
thesvg-color:afordin-dark
The Afordin Dark icon (thesvg-color:afordin-dark) is a free SVG icon from the theSVG Color set by thesvg.org. It is drawn on a 196 × 256 grid. theSVG Color 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
- theSVG Color
- Author
- thesvg.org
- License
- MIT
- Size
- 196 × 256
- Tags
- afordindark
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="196" height="256" viewBox="0 0 196 256"><g fill="#fff"><path d="M109.337 48.428c0-6.421-2.518-12.579-7-17.12c-4.483-4.54-10.563-7.092-16.902-7.094c6.34-.002 12.42-2.554 16.902-7.094s7-10.7 7-17.12c0 6.421 2.518 12.58 7.002 17.121a23.76 23.76 0 0 0 16.905 7.093a23.76 23.76 0 0 0-16.905 7.093c-4.484 4.54-7.002 10.7-7.002 17.12m29.694 44.055a31.5 31.5 0 0 0-11.353-15.22a30.87 30.87 0 0 0-17.943-5.805a30.86 30.86 0 0 0-17.964 5.74a31.5 31.5 0 0 0-11.406 15.18l-25.795 73.16h37.412l17.46-57.182l22.773 77.722l10.669 31.871c3.384 11.026 10.162 20.667 19.343 27.512c9.182 6.846 20.285 10.537 31.687 10.534H196zM22.692 256h1.791a53 53 0 0 0 31.165-10.155c9.085-6.602 15.897-15.923 19.477-26.651l.418-1.249l.307-.961H36.44z"/><path d="M79.43 209.426c17.013-3.116 29.917-18.19 29.917-36.321H35.864c-9.511.001-18.633 3.829-25.358 10.64S0 199.793 0 209.426z"/></g></svg>How to use the Afordin Dark icon
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:afordin-dark" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:afordin-dark" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:afordin-dark" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--afordin-dark]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:afordin-dark"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:afordin-dark"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/thesvg-color/afordin-dark.svg" alt="Afordin Dark icon" width="24" height="24">Related icons in theSVG Color
Afordin Dark icon FAQ
Is the Afordin Dark icon free for commercial use?
Yes. theSVG Color icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Afordin Dark icon in React?
Install @iconify/react and render <Icon icon="thesvg-color:afordin-dark" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Afordin Dark icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/thesvg-color/afordin-dark.svg" alt="Afordin Dark icon">, or paste the SVG code inline to style it with CSS.