Currency アイコン
oui:currency
Currency アイコン(oui:currency)は、OpenSearch UI セットの無料 SVG アイコンです（作者: OpenSearch Contributors）。 24 × 24 のグリッドで描かれています。 OpenSearch UI icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- OpenSearch UI
- 作者
- OpenSearch Contributors
- ライセンス
- Apache-2.0
- サイズ
- 24 × 24
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="m12.95 1.636l1.414 1.414l-2.192 2.193C12.695 6.033 13 6.98 13 8s-.305 1.967-.828 2.757l2.192 2.193l-1.414 1.414l-2.193-2.192A5 5 0 0 1 8 13a5 5 0 0 1-2.757-.828L3.05 14.364L1.636 12.95l2.192-2.193A5 5 0 0 1 3 8c0-1.02.305-1.967.828-2.757L1.636 3.05L3.05 1.636l2.193 2.192A5 5 0 0 1 8 3c1.02 0 1.967.305 2.757.828zM8 5a3 3 0 0 0-1.168.236l-.126.057l-.218.116l-.132.081l-.073.05a3 3 0 0 0-.241.187l-.113.103l-.147.15q-.075.081-.142.168l-.1.135l-.05.073l-.06.097q-.075.123-.137.253l-.057.126A3 3 0 0 0 5 8c0 .414.084.809.236 1.168l.057.126l.116.218l.081.132q.088.134.189.257l.15.17l.151.147q.084.077.174.147l.142.105q.081.055.165.106l-.124-.079l.092.06l.094.055c.436.247.94.388 1.477.388a3 3 0 0 0 1.168-.236l.125-.056l.213-.113l.151-.094l.05-.034a3 3 0 0 0 .323-.258l-.15.129l.09-.075l.168-.159l.08-.084q.077-.084.147-.174l.105-.142l.106-.165q.07-.12.131-.245l.057-.126A3 3 0 0 0 11 8a3 3 0 0 0-.236-1.168l-.056-.125l-.112-.211l-.096-.155l-.033-.049a3 3 0 0 0-.258-.322l.129.15l-.075-.09l-.159-.168l-.084-.08a3 3 0 0 0-.174-.147l-.183-.132l-.124-.079a3 3 0 0 0-.245-.131l-.126-.057A3 3 0 0 0 8 5"/></svg>
Currency アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="oui:currency" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="oui:currency" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="oui:currency" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[oui--currency]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/oui -->
<div class="i-oui:currency"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="oui:currency"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/oui/currency.svg" alt="Currency アイコン" width="24" height="24">
Currency アイコン のよくある質問
Currency アイコンは商用利用でも無料ですか?
はい。OpenSearch UI icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Currency アイコンを使うには?
@iconify/react をインストールして <Icon icon="oui:currency" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Currency アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/oui/currency.svg" alt="Currency アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
OpenSearch UI アイコン をすべて見る →
ICONYZ
