Dollar Bill icon
glyphs-poly:dollar-bill
The Dollar Bill icon (glyphs-poly:dollar-bill) is a free SVG icon from the Glyphs Poly set by Goran Spasojevic. It is drawn on a 80 × 80 grid. Glyphs Poly 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
- Glyphs Poly
- Author
- Goran Spasojevic
- License
- MIT
- Size
- 80 × 80
- Tags
- dollarbill
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g fill="none"><path fill="#6fcf97" stroke="#6fcf97" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="M8 24a2 2 0 0 1 2-2h60a2 2 0 0 1 2 2v32a2 2 0 0 1-2 2H10a2 2 0 0 1-2-2z"/><path fill="#219653" fill-rule="evenodd" d="M17.945 22H10a2 2 0 0 0-2 2v7.945Q8.492 32 9 32a9 9 0 0 0 8.945-10m0 36H10a2 2 0 0 1-2-2v-7.945A9 9 0 0 1 17.945 58M72 48.055V56a2 2 0 0 1-2 2h-7.945A9 9 0 0 1 72 48.055M62.055 22H70a2 2 0 0 1 2 2v7.945A9 9 0 0 1 62.055 22" clip-rule="evenodd"/><path fill="#219653" d="m17.945 22l1.988-.22A2 2 0 0 0 17.945 20zM8 31.945H6a2 2 0 0 0 1.78 1.988zM17.945 58v2a2 2 0 0 0 1.988-1.78zM8 48.055l-.22-1.988A2 2 0 0 0 6 48.055zm64 0h2a2 2 0 0 0-1.78-1.988zM62.055 58l-1.988.22A2 2 0 0 0 62.055 60zm0-36v-2a2 2 0 0 0-1.988 1.78zM72 31.945l.22 1.988A2 2 0 0 0 74 31.945zM10 24h7.945v-4H10zm0 0v-4a4 4 0 0 0-4 4zm0 7.945V24H6v7.945zm-2.22 1.988q.602.066 1.22.067v-4a7 7 0 0 1-.78-.043zM9 34c6.075 0 11-4.925 11-11h-4a7 7 0 0 1-7 7zm11-11q0-.618-.067-1.22l-3.976.44q.043.382.043.78zm-2.055 33H10v4h7.945zM10 56H6a4 4 0 0 0 4 4zm0 0v-7.945H6V56zm-1.78-5.957A7 7 0 0 1 9 50v-4q-.618 0-1.22.067zM9 50a7 7 0 0 1 7 7h4c0-6.075-4.925-11-11-11zm7 7q0 .397-.043.78l3.976.44q.066-.602.067-1.22zm54-8.945V56h4v-7.945zM70 56v4a4 4 0 0 0 4-4zm0 0h-7.945v4H70zm-5.957 1.78A7 7 0 0 1 64 57h-4q0 .618.067 1.22zM64 57a7 7 0 0 1 7-7v-4c-6.075 0-11 4.925-11 11zm7-7q.397 0 .78.043l.44-3.976A11 11 0 0 0 71 46zm-8.945-26H70v-4h-7.945zM70 24h4a4 4 0 0 0-4-4zm0 0v7.945h4V24zm1.78 5.957A7 7 0 0 1 71 30v4q.618 0 1.22-.067zM71 30a7 7 0 0 1-7-7h-4c0 6.075 4.925 11 11 11zm-7-7q0-.397.043-.78l-3.976-.44q-.066.602-.067 1.22zm-28.525 8.66a7.794 7.794 0 0 1 12.549 6.176v4.328a7.794 7.794 0 1 1-15.589 0v-4.328c0-2.419 1.123-4.7 3.04-6.176m-16.06 5.56a2.598 2.598 0 0 1 4.183 2.059v1.442a2.598 2.598 0 0 1-5.196 0V39.28c0-.807.374-1.567 1.013-2.059m38-.001a2.598 2.598 0 0 1 4.183 2.059v1.442a2.598 2.598 0 0 1-5.196 0V39.28c0-.807.374-1.567 1.013-2.059"/></g></svg>How to use the Dollar Bill icon
React
import { Icon } from "@iconify/react";
<Icon icon="glyphs-poly:dollar-bill" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="glyphs-poly:dollar-bill" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="glyphs-poly:dollar-bill" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs-poly--dollar-bill]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/glyphs-poly -->
<div class="i-glyphs-poly:dollar-bill"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="glyphs-poly:dollar-bill"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/glyphs-poly/dollar-bill.svg" alt="Dollar Bill icon" width="24" height="24">Related icons in Glyphs Poly
Dollar Bill icon in other icon sets
Dollar Bill icon FAQ
Is the Dollar Bill icon free for commercial use?
Yes. Glyphs Poly icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Dollar Bill icon in React?
Install @iconify/react and render <Icon icon="glyphs-poly:dollar-bill" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Dollar Bill icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/glyphs-poly/dollar-bill.svg" alt="Dollar Bill icon">, or paste the SVG code inline to style it with CSS.