Coin Stack 20 Regular アイコン
fluent:coin-stack-20-regular
Coin Stack 20 Regular アイコン(fluent:coin-stack-20-regular)は、Fluent UI System Icons セットの無料 SVG アイコンです（作者: Microsoft Corporation）。 20 × 20 のグリッドで描かれています。 Fluent UI System Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Fluent UI System Icons
- 作者
- Microsoft Corporation
- ライセンス
- MIT
- サイズ
- 20 × 20
- タグ
- coinstack、stackregular、coinstackregular
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path fill="currentColor" d="M6.38 3.947C5.47 4.526 5 5.264 5 6s.47 1.474 1.38 2.053C7.282 8.628 8.561 9 10 9s2.717-.372 3.62-.947C14.53 7.474 15 6.736 15 6s-.47-1.474-1.38-2.053C12.718 3.372 11.439 3 10 3s-2.717.372-3.62.947m-.538-.844C6.93 2.412 8.401 2 10 2s3.07.412 4.158 1.103C15.238 3.791 16 4.803 16 6s-.761 2.209-1.842 2.897C13.07 9.588 11.599 10 10 10s-3.07-.412-4.158-1.103C4.762 8.209 4 7.197 4 6s.761-2.209 1.842-2.897m9.911 5.746a6 6 0 0 1-.813.694Q15 9.77 15 10c0 .736-.47 1.474-1.38 2.053c-.903.575-2.182.947-3.62.947s-2.717-.372-3.62-.947C5.47 11.474 5 10.736 5 10q0-.23.06-.457a6 6 0 0 1-.813-.694A2.8 2.8 0 0 0 4 10c0 1.197.761 2.209 1.842 2.897C6.93 13.588 8.401 14 10 14s3.07-.412 4.158-1.103C15.238 12.209 16 11.197 16 10c0-.407-.088-.792-.247-1.151m0 4q-.364.373-.813.694q.06.227.06.457c0 .736-.47 1.474-1.38 2.053c-.903.575-2.182.947-3.62.947s-2.717-.372-3.62-.947C5.47 15.474 5 14.736 5 14q0-.23.06-.457a6 6 0 0 1-.813-.694A2.8 2.8 0 0 0 4 14c0 1.197.761 2.209 1.842 2.897C6.93 17.589 8.401 18 10 18s3.07-.412 4.158-1.103C15.238 16.209 16 15.197 16 14c0-.407-.088-.792-.247-1.151"/></svg>
Coin Stack 20 Regular アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent:coin-stack-20-regular" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent:coin-stack-20-regular" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent:coin-stack-20-regular" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent--coin-stack-20-regular]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent -->
<div class="i-fluent:coin-stack-20-regular"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent:coin-stack-20-regular"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent/coin-stack-20-regular.svg" alt="Coin Stack 20 Regular アイコン" width="24" height="24">
Fluent UI System Icons の関連アイコン
Coin Stack 20 Regular アイコン のよくある質問
Coin Stack 20 Regular アイコンは商用利用でも無料ですか?
はい。Fluent UI System Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Coin Stack 20 Regular アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent:coin-stack-20-regular" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Coin Stack 20 Regular アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent/coin-stack-20-regular.svg" alt="Coin Stack 20 Regular アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Fluent UI System Icons をすべて見る →
