Dollar Bill アイコン
foundation:dollar-bill
Dollar Bill アイコン(foundation:dollar-bill)は、Foundation セットの無料 SVG アイコンです（作者: Zurb）。 100 × 100 のグリッドで描かれています。 Foundation icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Foundation
- 作者
- Zurb
- ライセンス
- MIT
- サイズ
- 100 × 100
- タグ
- dollarbill
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><path fill="currentColor" d="M93.681 30.128h-.045a3.864 3.864 0 0 0-3.865-3.865H10.185a3.866 3.866 0 0 0-3.866 3.865v39.745a3.865 3.865 0 0 0 3.866 3.865h79.586a3.863 3.863 0 0 0 3.865-3.864v-.001h.045zm-14.977 5.346v-3.431c0-.438.354-.793.793-.793c.031 0 .058.014.088.018v-.018h8.271v.006c.011 0 .02-.006.031-.006c.438 0 .793.355.793.793v8.417a.794.794 0 0 1-.793.793c-.011 0-.02-.006-.031-.006v.006h-3.37a.79.79 0 0 1-.793-.793v-4.194h-4.107v-.018c-.03.003-.057.018-.088.018a.79.79 0 0 1-.794-.792M21.296 64.526v3.431a.79.79 0 0 1-.793.793c-.031 0-.058-.014-.088-.018v.017h-8.271v-.006c-.011 0-.02.006-.031.006a.793.793 0 0 1-.793-.793v-8.418c0-.438.356-.793.793-.793c.011 0 .02.006.031.006v-.006h3.371c.439 0 .793.355.793.793v4.194h4.107v.018c.03-.003.057-.018.088-.018a.794.794 0 0 1 .793.794m.014-32.452v3.371a.793.793 0 0 1-.793.793h-4.194v4.107h-.018c.003.03.018.057.018.088a.793.793 0 0 1-.793.793H12.1a.79.79 0 0 1-.793-.793c0-.031.014-.058.018-.088h-.017v-8.271h.006c0-.011-.006-.02-.006-.031c0-.438.355-.793.793-.793h8.418c.438 0 .793.355.793.793c0 .011-.006.02-.006.031zM50 68.75c-10.356 0-18.75-8.394-18.75-18.749S39.644 31.25 50 31.25s18.75 8.396 18.75 18.751S60.356 68.75 50 68.75m38.693-9.094v8.271h-.006c0 .011.006.02.006.031a.793.793 0 0 1-.793.793h-8.418a.794.794 0 0 1-.793-.793c0-.011.006-.02.006-.031h-.006v-3.371c0-.438.355-.793.793-.793h4.194v-4.107h.018c-.003-.03-.018-.057-.018-.088c0-.438.355-.793.793-.793H87.9c.438 0 .793.354.793.793c0 .031-.014.058-.018.088z"/><path fill="currentColor" d="M50 36.22c-7.599 0-13.78 6.184-13.78 13.781c0 2.91.912 5.607 2.457 7.834v-.096c0-.617.322-1.169.812-1.398l5.64-2.627l2.212-1.03c-.999-.602-1.82-1.537-2.374-2.673a7.5 7.5 0 0 1-.761-3.31c0-.694.116-1.351.284-1.981c.729-2.749 2.906-4.76 5.509-4.76c2.653 0 4.863 2.085 5.55 4.915c.141.584.242 1.189.242 1.826a7.6 7.6 0 0 1-.679 3.136c-.536 1.182-1.355 2.163-2.364 2.799l2.31 1.102l5.462 2.605c.485.234.802.782.802 1.396v.095A13.7 13.7 0 0 0 63.779 50c.001-7.597-6.18-13.78-13.779-13.78"/></svg>Dollar Bill アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="foundation:dollar-bill" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="foundation:dollar-bill" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="foundation:dollar-bill" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[foundation--dollar-bill]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/foundation -->
<div class="i-foundation:dollar-bill"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="foundation:dollar-bill"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/foundation/dollar-bill.svg" alt="Dollar Bill アイコン" width="24" height="24">Foundation の関連アイコン
他のアイコンセットの Dollar Bill アイコン
Dollar Bill アイコン のよくある質問
Dollar Bill アイコンは商用利用でも無料ですか?
はい。Foundation icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Dollar Bill アイコンを使うには?
@iconify/react をインストールして <Icon icon="foundation:dollar-bill" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Dollar Bill アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/foundation/dollar-bill.svg" alt="Dollar Bill アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。