Usd icon
el:usd
The Usd icon (el:usd) is a free SVG icon from the Elusive Icons set by Team Redux. It is drawn on a 1200 × 1200 grid. Elusive Icons are released under the Open Font 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
- Elusive Icons
- Author
- Team Redux
- License
- OFL-1.1
- Size
- 1200 × 1200
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="1200" viewBox="0 0 1200 1200"><path fill="currentColor" d="M960.08 786.845c0 76.036-27.49 137.244-82.485 183.623c-54.995 45.906-109.426 73.398-208.41 82.487v147.043H525.82V1055.83c-116.676-2.39-196.456-22.959-284.445-61.681V804.786c41.598 20.556 91.575 38.734 149.907 54.51c58.817 15.775 88.62 25.1 134.527 27.976V664.914l-25.507-18.65c-94.676-37.303-161.86-77.706-201.553-121.221c-39.208-43.99-58.817-98.262-58.817-162.819c0-69.338 27.018-126.238 81.054-170.712c54.51-44.947 107.756-72.202 204.823-81.764V.007h143.367v106.876c109.504 4.782 185.935 26.782 274.397 65.99l-67.42 167.836c-74.593-30.604-128.55-49.255-206.977-55.942v211.6c93.243 35.859 136.917 66.948 176.136 93.244c39.692 26.296 68.616 55.231 86.793 86.794c18.64 31.55 27.977 68.368 27.977 110.44m-215.908 10.769c0-20.083-8.13-37.054-24.39-50.924s-18.099-28.213-50.608-43.042v178.606c65.03-11.006 74.998-39.22 74.998-84.64m-288.335-435.39c0 21.042 7.172 38.498 21.515 52.356c14.829 13.385 15.945 27.255 48.455 41.598V287.631c-61.693 9.09-69.97 33.953-69.97 74.593"/></svg>How to use the Usd icon
React
import { Icon } from "@iconify/react";
<Icon icon="el:usd" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="el:usd" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="el:usd" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[el--usd]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/el -->
<div class="i-el:usd"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="el:usd"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/el/usd.svg" alt="Usd icon" width="24" height="24">Usd icon in other icon sets
Usd icon FAQ
Is the Usd icon free for commercial use?
Yes. Elusive Icons are released under the Open Font License, which allows use in personal and commercial projects.
How do I use the Usd icon in React?
Install @iconify/react and render <Icon icon="el:usd" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Usd icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/el/usd.svg" alt="Usd icon">, or paste the SVG code inline to style it with CSS.