Dollar Bills アイコン
glyphs-poly:dollar-bills
Dollar Bills アイコン(glyphs-poly:dollar-bills)は、Glyphs Poly セットの無料 SVG アイコンです（作者: Goran Spasojevic）。 80 × 80 のグリッドで描かれています。 Glyphs Poly icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Glyphs Poly
- 作者
- Goran Spasojevic
- ライセンス
- MIT
- サイズ
- 80 × 80
- タグ
- dollarbills、bill
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g fill="none"><path stroke="#219653" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="M8 58h64M8 66h64"/><path fill="#6fcf97" stroke="#6fcf97" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="M8 16a2 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 14H10a2 2 0 0 0-2 2v7.945Q8.492 24 9 24a9 9 0 0 0 8.945-10m0 36H10a2 2 0 0 1-2-2v-7.945A9 9 0 0 1 17.945 50M72 40.055V48a2 2 0 0 1-2 2h-7.945A9 9 0 0 1 72 40.055M62.055 14H70a2 2 0 0 1 2 2v7.945A9 9 0 0 1 62.055 14" clip-rule="evenodd"/><path fill="#219653" d="m17.945 14l1.988-.22A2 2 0 0 0 17.945 12zM8 23.945H6a2 2 0 0 0 1.78 1.988zM17.945 50v2a2 2 0 0 0 1.988-1.78zM8 40.055l-.22-1.988A2 2 0 0 0 6 40.055zm64 0h2a2 2 0 0 0-1.78-1.988zM62.055 50l-1.988.22A2 2 0 0 0 62.055 52zm0-36v-2a2 2 0 0 0-1.988 1.78zM72 23.945l.22 1.988A2 2 0 0 0 74 23.945zM10 16h7.945v-4H10zm0 0v-4a4 4 0 0 0-4 4zm0 7.945V16H6v7.945zm-2.22 1.988q.602.066 1.22.067v-4a7 7 0 0 1-.78-.043zM9 26c6.075 0 11-4.925 11-11h-4a7 7 0 0 1-7 7zm11-11q0-.618-.067-1.22l-3.976.44q.043.383.043.78zm-2.055 33H10v4h7.945zM10 48H6a4 4 0 0 0 4 4zm0 0v-7.945H6V48zm-1.78-5.957A7 7 0 0 1 9 42v-4q-.618 0-1.22.067zM9 42a7 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.945V48h4v-7.945zM70 48v4a4 4 0 0 0 4-4zm0 0h-7.945v4H70zm-5.957 1.78A7 7 0 0 1 64 49h-4q0 .618.067 1.22zM64 49a7 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 38zm-8.945-26H70v-4h-7.945zM70 16h4a4 4 0 0 0-4-4zm0 0v7.945h4V16zm1.78 5.957A7 7 0 0 1 71 22v4q.618 0 1.22-.067zM71 22a7 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 0V31.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 0V31.28c0-.807.374-1.567 1.013-2.059"/></g></svg>Dollar Bills アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="glyphs-poly:dollar-bills" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="glyphs-poly:dollar-bills" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="glyphs-poly:dollar-bills" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs-poly--dollar-bills]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/glyphs-poly -->
<div class="i-glyphs-poly:dollar-bills"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="glyphs-poly:dollar-bills"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/glyphs-poly/dollar-bills.svg" alt="Dollar Bills アイコン" width="24" height="24">Glyphs Poly の関連アイコン
他のアイコンセットの Dollar Bills アイコン
Dollar Bills アイコン のよくある質問
Dollar Bills アイコンは商用利用でも無料ですか?
はい。Glyphs Poly icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Dollar Bills アイコンを使うには?
@iconify/react をインストールして <Icon icon="glyphs-poly:dollar-bills" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Dollar Bills アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/glyphs-poly/dollar-bills.svg" alt="Dollar Bills アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。