Exchange Dollar icon
hugeicons:exchange-dollar
The Exchange Dollar icon (hugeicons:exchange-dollar) is a free SVG icon from the Huge Icons set by Hugeicons. It is drawn on a 24 × 24 grid. Huge 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
- Huge Icons
- Author
- Hugeicons
- License
- MIT
- Size
- 24 × 24
- Tags
- exchangedollar
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M15 8h-4a2 2 0 1 0 0 4h2a2 2 0 1 1 0 4H9m3-10v12M6 8V7c0-1.414 0-2.121-.44-2.56C5.122 4 4.415 4 3 4H2m16 12v1c0 1.414 0 2.121.44 2.56c.439.44 1.146.44 2.56.44h1"/><path d="M10 2.2q.97-.198 2-.2c5.523 0 10 4.477 10 10a9.97 9.97 0 0 1-2.859 7M14 21.8q-.97.198-2 .2C6.477 22 2 17.523 2 12a9.97 9.97 0 0 1 3-7.141"/></g></svg>How to use the Exchange Dollar icon
React
import { Icon } from "@iconify/react";
<Icon icon="hugeicons:exchange-dollar" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="hugeicons:exchange-dollar" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="hugeicons:exchange-dollar" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[hugeicons--exchange-dollar]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/hugeicons -->
<div class="i-hugeicons:exchange-dollar"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="hugeicons:exchange-dollar"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/hugeicons/exchange-dollar.svg" alt="Exchange Dollar icon" width="24" height="24">Related icons in Huge Icons
Exchange Dollar icon FAQ
Is the Exchange Dollar icon free for commercial use?
Yes. Huge Icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Exchange Dollar icon in React?
Install @iconify/react and render <Icon icon="hugeicons:exchange-dollar" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Exchange Dollar icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/hugeicons/exchange-dollar.svg" alt="Exchange Dollar icon">, or paste the SVG code inline to style it with CSS.