Japanese Monthly Amount Button アイコン
fluent-emoji-high-contrast:japanese-monthly-amount-button
Japanese Monthly Amount Button アイコン(fluent-emoji-high-contrast:japanese-monthly-amount-button)は、Fluent Emoji High Contrast セットの無料 SVG アイコンです（作者: Microsoft Corporation）。 32 × 32 のグリッドで描かれています。 Fluent Emoji High Contrast icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Fluent Emoji High Contrast
- 作者
- Microsoft Corporation
- ライセンス
- MIT
- サイズ
- 32 × 32
- カテゴリ
- 記号
- タグ
- japanesemonthly、monthlyamount、amountbutton、japanesemonthlyamountbutton
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="currentColor"><path d="M23.416 20.482V8.938c0-1.769.032-2.773.046-3.193l.006-.213c0-.182-.026-.208-.208-.208a84 84 0 0 1-3.406.052h-5.928c-1.928 0-2.848-.033-3.22-.046l-.186-.006c-.182 0-.208.026-.208.208l.006.213c.013.42.046 1.424.046 3.193v3.172c0 7.93-.832 10.816-4.628 14.326c.338.104.754.312 1.118.598q.068.051.123.095c.13.102.212.165.293.165c.094 0 .167-.086.297-.238l.041-.048c2.34-2.418 3.51-4.576 4.03-8.424h10.166v5.694c0 .884-.364 1.196-1.17 1.196c-1.144 0-1.82-.052-2.73-.13c.208.338.364.78.468 1.222c.066.263.098.393.181.457c.082.063.212.063.469.063c2.132 0 3.094 0 3.718-.546c.494-.468.728-1.014.728-1.924c0-.603-.012-1.254-.025-1.927c-.013-.721-.027-1.468-.027-2.207m-1.612-7.826v4.472h-10.01c.104-1.3.156-2.756.182-4.472zm0-5.798V11.2h-9.828V6.858z"/><path d="M1 6a5 5 0 0 1 5-5h20a5 5 0 0 1 5 5v20a5 5 0 0 1-5 5H6a5 5 0 0 1-5-5zm5-3a3 3 0 0 0-3 3v20a3 3 0 0 0 3 3h20a3 3 0 0 0 3-3V6a3 3 0 0 0-3-3z"/></g></svg>
Japanese Monthly Amount Button アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-high-contrast:japanese-monthly-amount-button" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-high-contrast:japanese-monthly-amount-button" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-high-contrast:japanese-monthly-amount-button" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-high-contrast--japanese-monthly-amount-button]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-high-contrast -->
<div class="i-fluent-emoji-high-contrast:japanese-monthly-amount-button"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-high-contrast:japanese-monthly-amount-button"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/japanese-monthly-amount-button.svg" alt="Japanese Monthly Amount Button アイコン" width="24" height="24">
Fluent Emoji High Contrast の関連アイコン
他のアイコンセットの Japanese Monthly Amount Button アイコン
Japanese Monthly Amount Button アイコン のよくある質問
Japanese Monthly Amount Button アイコンは商用利用でも無料ですか?
はい。Fluent Emoji High Contrast icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Japanese Monthly Amount Button アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent-emoji-high-contrast:japanese-monthly-amount-button" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Japanese Monthly Amount Button アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/japanese-monthly-amount-button.svg" alt="Japanese Monthly Amount Button アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Fluent Emoji High Contrast アイコン をすべて見る →
