Currency Exchange アイコン
fluent-emoji-high-contrast:currency-exchange
Currency Exchange アイコン(fluent-emoji-high-contrast:currency-exchange)は、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
- カテゴリ
- 記号
- タグ
- currencyexchange
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="m9.58 2.584l-.4 5.07c-.02.25.18.47.43.47l5.09-.03c.39-.01.59-.46.33-.74l-1.19-1.28a.282.282 0 0 1 .02-.42c.7-.55 1.61-.88 2.57-.84c1.8.07 3.27 1.46 3.64 3.14c.02.09.1.16.2.16h2.43c.13 0 .23-.12.21-.24c-.44-3.16-3.08-5.75-6.38-5.87c-1.75-.06-3.38.55-4.61 1.61c-.12.1-.29.09-.4-.02l-1.18-1.27a.439.439 0 0 0-.76.26M22.332 29.54l.4-5.07a.44.44 0 0 0-.43-.47l-5.09.03c-.39.01-.59.46-.33.74l1.19 1.28c.12.12.11.32-.02.42c-.7.55-1.61.88-2.57.84c-1.8-.07-3.27-1.46-3.64-3.14a.204.204 0 0 0-.2-.16h-2.43c-.12 0-.23.11-.21.24c.44 3.16 3.08 5.75 6.38 5.87c1.75.06 3.38-.55 4.61-1.61c.12-.1.29-.09.4.02l1.18 1.27c.26.28.73.12.76-.26M6 8a1 1 0 0 0-1 1v1.06c-1.208.18-2.01.745-2.482 1.496C2 12.383 2 13.262 2 13.524v.007c0 .265.002 1.13.546 1.936c.25.37.584.688 1.012.932c.589.336 1.355.532 2.322.532c1.095 0 1.473.41 1.644.699c.222.376.236.81.236.951q0-.006-.003.01c-.013.064-.073.36-.298.648c-.218.278-.645.622-1.579.622c-.862 0-1.298-.375-1.553-.732a2.3 2.3 0 0 1-.344-.752v-.001l-.011-.051a1 1 0 0 0-1.956.412L3 18.56l-.984.177v.003l.001.006l.003.013a2 2 0 0 0 .033.147a4.3 4.3 0 0 0 .647 1.386A3.66 3.66 0 0 0 5 21.776V23a1 1 0 1 0 2 0v-1.263c.927-.217 1.59-.7 2.033-1.265c.558-.712.727-1.503.727-1.892c0-.219-.006-1.11-.514-1.969c-.56-.945-1.62-1.681-3.366-1.681c-1.17 0-1.539-.379-1.676-.582c-.186-.276-.204-.611-.204-.818c0-.217.015-.596.212-.91c.144-.23.506-.62 1.648-.62c1.05 0 1.454.432 1.652.77a1.9 1.9 0 0 1 .248.793a1 1 0 0 0 2-.057l-1 .024l1-.025v-.009l-.001-.015a2 2 0 0 0-.012-.163a3.9 3.9 0 0 0-.508-1.558c-.416-.71-1.126-1.364-2.239-1.632V9a1 1 0 0 0-1-1m17.962 2.887a1 1 0 1 0-1.774.923L24.889 17H23a1 1 0 1 0 0 2h2v1h-2a1 1 0 1 0 0 2h2v1a1 1 0 1 0 2 0v-1h2a1 1 0 1 0 0-2h-2v-1h2a1 1 0 1 0 0-2h-1.89l2.702-5.19a1 1 0 0 0-1.774-.923L26 14.802z"/></svg>
Currency Exchange アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-high-contrast:currency-exchange" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-high-contrast:currency-exchange" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-high-contrast:currency-exchange" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-high-contrast--currency-exchange]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-high-contrast -->
<div class="i-fluent-emoji-high-contrast:currency-exchange"></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:currency-exchange"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/currency-exchange.svg" alt="Currency Exchange アイコン" width="24" height="24">
他のアイコンセットの Currency Exchange アイコン
Currency Exchange アイコン のよくある質問
Currency Exchange アイコンは商用利用でも無料ですか?
はい。Fluent Emoji High Contrast icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Currency Exchange アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent-emoji-high-contrast:currency-exchange" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Currency Exchange アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/currency-exchange.svg" alt="Currency Exchange アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Fluent Emoji High Contrast アイコン をすべて見る →
ICONYZ
