Sack Dollar アイコン
reicon:sack-dollar
Sack Dollar アイコン(reicon:sack-dollar)は、Reicon セットの無料 SVG アイコンです。 24 × 24 のグリッドで描かれています。 Reicon icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M11.25 10.817V10.5a.75.75 0 0 1 1.5 0v.312c.177.034.35.083.527.153c.398.158.764.404 1.176.716a.75.75 0 1 1-.906 1.196c-.388-.294-.622-.438-.824-.518c-.184-.073-.382-.109-.723-.109c-.493 0-.824.117-1.01.252a.53.53 0 0 0-.24.463c0 .237.09.366.316.492c.273.153.652.236 1.057.303c.396.066 1.016.178 1.543.474c.575.321 1.084.892 1.084 1.8a2.03 2.03 0 0 1-.86 1.68c-.327.236-.718.39-1.14.469v.317a.75.75 0 0 1-1.5 0v-.312a3 3 0 0 1-.527-.153c-.398-.158-.764-.404-1.176-.716a.75.75 0 0 1 .906-1.196c.388.294.622.438.824.518c.184.073.382.109.723.109c.493 0 .824-.117 1.01-.252a.53.53 0 0 0 .24-.463c0-.237-.09-.366-.316-.492c-.273-.153-.653-.236-1.057-.303c-.396-.066-1.016-.178-1.543-.474c-.575-.321-1.084-.892-1.084-1.8c0-.702.323-1.29.86-1.68a2.8 2.8 0 0 1 1.14-.469"/><path fill-rule="evenodd" d="M17.43 3.818a4.85 4.85 0 0 1-2.27 2.217a12.47 12.47 0 0 1 6.59 11V18A4.75 4.75 0 0 1 17 22.75H7A4.75 4.75 0 0 1 2.25 18v-.965c0-4.602 2.534-8.83 6.59-11a4.85 4.85 0 0 1-2.27-2.217A1.774 1.774 0 0 1 8.157 1.25h7.686a1.774 1.774 0 0 1 1.587 2.568M8.157 2.75a.274.274 0 0 0-.245.397a3.35 3.35 0 0 0 1.935 1.678l.442.147a5.4 5.4 0 0 0 3.422 0l.442-.147a3.35 3.35 0 0 0 1.935-1.678a.274.274 0 0 0-.245-.397zm3.809 4h.069c.839 0 1.665.207 2.405.601a10.97 10.97 0 0 1 5.81 9.684V18A3.25 3.25 0 0 1 17 21.25H7A3.25 3.25 0 0 1 3.75 18v-.965c0-4.053 2.234-7.776 5.81-9.684a5.1 5.1 0 0 1 2.406-.601" clip-rule="evenodd"/></g></svg>Sack Dollar アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="reicon:sack-dollar" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="reicon:sack-dollar" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="reicon:sack-dollar" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[reicon--sack-dollar]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/reicon -->
<div class="i-reicon:sack-dollar"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="reicon:sack-dollar"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/reicon/sack-dollar.svg" alt="Sack Dollar アイコン" width="24" height="24">Reicon の関連アイコン
他のアイコンセットの Sack Dollar アイコン
Sack Dollar アイコン のよくある質問
Sack Dollar アイコンは商用利用でも無料ですか?
はい。Reicon icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Sack Dollar アイコンを使うには?
@iconify/react をインストールして <Icon icon="reicon:sack-dollar" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Sack Dollar アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/reicon/sack-dollar.svg" alt="Sack Dollar アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。