Coins Bold アイコン
ph:coins-bold
Coins Bold アイコン(ph:coins-bold)は、Phosphor セットの無料 SVG アイコンです（作者: Phosphor Icons）。 256 × 256 のグリッドで描かれています。 Phosphor icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Phosphor
- 作者
- Phosphor Icons
- ライセンス
- MIT
- サイズ
- 256 × 256
- タグ
- cents、change、money、currency、payment、paying、purchase、price、sell、coinsbold、coin
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><path fill="currentColor" d="M188 86.11V84c0-14.62-10.83-27.55-30.51-36.4C140.87 40.12 119 36 96 36s-44.87 4.12-61.49 11.6C14.83 56.45 4 69.38 4 84v40c0 14.62 10.83 27.55 30.51 36.4A131.7 131.7 0 0 0 68 169.88V172c0 14.62 10.83 27.55 30.51 36.4C115.13 215.88 137 220 160 220s44.87-4.12 61.49-11.6C241.17 199.55 252 186.62 252 172v-40c0-22.14-25.29-39.92-64-45.89M228 132c0 7.75-21.77 22.48-61.81 23.88C180.33 147.4 188 136.3 188 124v-13.56c25.88 4.71 40 15.04 40 21.56m-120.63 15.63c-3.63.24-7.42.37-11.37.37c-5.08 0-9.89-.22-14.43-.61a11 11 0 0 0-1.14-.09c-1.51-.14-3-.3-4.43-.48v-15.89A187 187 0 0 0 96 132a187 187 0 0 0 20-1.07v15.89c-2.49.3-5.07.56-7.75.75c-.25.01-.59.03-.88.06M164 117.14V124c0 4.78-8.28 12.21-24 17.54v-15a115 115 0 0 0 17.49-6.13q3.44-1.55 6.51-3.27M96 60c44 0 68 15.85 68 24s-24 24-68 24s-68-15.85-68-24s24-24 68-24m-68 64v-6.86q3.08 1.71 6.51 3.26A115 115 0 0 0 52 126.53v15c-15.72-5.32-24-12.75-24-17.53m64 48h4q5.44 0 10.77-.32q4.45 1.57 9.23 2.86v15c-15.72-5.33-24-12.76-24-17.54m48 22.82v-15.88a187 187 0 0 0 20 1.06a187 187 0 0 0 20-1.07v15.89a170 170 0 0 1-40 0m64-5.28v-15a115 115 0 0 0 17.49-6.13q3.44-1.54 6.51-3.26V172c0 4.78-8.28 12.21-24 17.54"/></svg>Coins Bold アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="ph:coins-bold" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ph:coins-bold" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ph:coins-bold" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ph--coins-bold]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ph -->
<div class="i-ph:coins-bold"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ph:coins-bold"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/ph/coins-bold.svg" alt="Coins Bold アイコン" width="24" height="24">Phosphor の関連アイコン
Coins Bold アイコン のよくある質問
Coins Bold アイコンは商用利用でも無料ですか?
はい。Phosphor icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Coins Bold アイコンを使うには?
@iconify/react をインストールして <Icon icon="ph:coins-bold" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Coins Bold アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/ph/coins-bold.svg" alt="Coins Bold アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。