ICONYZ
日本語
Material Design Light の Currency Usd アイコン

Currency Usd アイコン

mdi-light:currency-usd

Currency Usd アイコン(mdi-light:currency-usd)は、Material Design Light セットの無料 SVG アイコンです(作者: Pictogrammers)。 24 × 24 のグリッドで描かれています。 Material Design Light icons は Open Font License で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Material Design Light
作者
Pictogrammers
ライセンス
OFL-1.1
サイズ
24 × 24
タグ
currencyusd
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M11 4h1v2c3.29.15 4 1.7 4 3h-1c0-1.33-1.18-2-3.5-2c-.82 0-3.5.16-3.5 2.25c0 .87 0 1.86 3.62 2.75l1.61.5c2.53.93 2.77 2.07 2.77 3.25c0 1.88-1.5 3.09-4 3.25v2h-1v-2c-3.29-.15-4-1.7-4-3h1c0 1.33 1.18 2 3.5 2c.82 0 3.5-.16 3.5-2.25c0-.87 0-1.86-3.62-2.75l-1.61-.5C7.24 11.57 7 10.43 7 9.25C7 7.37 8.5 6.16 11 6z"/></svg>

Currency Usd アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="mdi-light:currency-usd" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="mdi-light:currency-usd" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="mdi-light:currency-usd" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[mdi-light--currency-usd]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/mdi-light -->
<div class="i-mdi-light:currency-usd"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="mdi-light:currency-usd"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/mdi-light/currency-usd.svg" alt="Currency Usd アイコン" width="24" height="24">

Material Design Light の関連アイコン

他のアイコンセットの Currency Usd アイコン

Currency Usd アイコン のよくある質問

Currency Usd アイコンは商用利用でも無料ですか?

はい。Material Design Light icons は Open Font License で公開されており、個人・商用プロジェクトで利用できます。

React で Currency Usd アイコンを使うには?

@iconify/react をインストールして <Icon icon="mdi-light:currency-usd" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Currency Usd アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/mdi-light/currency-usd.svg" alt="Currency Usd アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Material Design Light アイコン をすべて見る →