Afordin Light icon
thesvg-color:afordin-light
The Afordin Light icon (thesvg-color:afordin-light) 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
- afordinlight
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="196" height="256" viewBox="0 0 196 256"><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"/></svg>How to use the Afordin Light icon
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:afordin-light" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:afordin-light" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:afordin-light" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--afordin-light]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:afordin-light"></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-light"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/thesvg-color/afordin-light.svg" alt="Afordin Light icon" width="24" height="24">Related icons in theSVG Color
Afordin Light icon FAQ
Is the Afordin Light 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 Light icon in React?
Install @iconify/react and render <Icon icon="thesvg-color:afordin-light" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Afordin Light icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/thesvg-color/afordin-light.svg" alt="Afordin Light icon">, or paste the SVG code inline to style it with CSS.