User Dollar アイコン
stash:user-dollar
User Dollar アイコン(stash:user-dollar)は、Stash Icons セットの無料 SVG アイコンです(作者: Pingback LLC)。 24 × 24 のグリッドで描かれています。 Stash Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Stash Icons
- 作者
- Pingback LLC
- ライセンス
- MIT
- サイズ
- 24 × 24
- タグ
- userdollar
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M10 2.25C7.904 2.25 6.171 3.91 6.171 6S7.904 9.75 10 9.75S13.829 8.09 13.829 6S12.096 2.25 10 2.25M7.671 6c0-1.224 1.024-2.25 2.329-2.25S12.329 4.776 12.329 6S11.305 8.25 10 8.25S7.671 7.224 7.671 6m-.584 5.86c.064-.018.202-.011.384.106c.512.332 1.4.77 2.529.77s2.017-.438 2.53-.77c.18-.117.319-.124.383-.107q.215.06.428.128l.985.315a.75.75 0 0 0 .457-1.428l-.984-.316q-.243-.077-.488-.145c-.612-.168-1.193.033-1.596.294c-.37.24-.974.529-1.715.529c-.74 0-1.345-.29-1.715-.53c-.403-.26-.984-.461-1.596-.293q-.245.068-.488.145l-.984.316a3.77 3.77 0 0 0-2.429 2.342c-.075.22-.107.432-.125.604l-.389 3.673c-.16 1.177.493 2.388 1.781 2.687c1.199.278 3.127.57 5.945.57a.75.75 0 1 0 0-1.5c-2.714 0-4.528-.28-5.605-.53c-.427-.1-.708-.503-.634-1.03l.002-.013l.391-3.7c.014-.124.03-.208.052-.271a2.27 2.27 0 0 1 1.468-1.404l.985-.315q.213-.068.428-.128M18.75 13a.75.75 0 0 0-1.5 0v.583h-.087a1.914 1.914 0 0 0-1.913 1.912c0 .464.107.888.389 1.23c.27.33.626.488.912.585l2.42.802c.184.063.224.107.231.115a.14.14 0 0 1 .023.05a.8.8 0 0 1 .025.228a.414.414 0 0 1-.413.412H17.33a.58.58 0 0 1-.581-.584a.75.75 0 0 0-1.5 0a2.08 2.08 0 0 0 2 2.082V21a.75.75 0 0 0 1.5 0v-.583h.087a1.914 1.914 0 0 0 1.913-1.912c0-.464-.107-.888-.389-1.23c-.27-.33-.626-.488-.912-.585l-2.42-.802c-.184-.063-.224-.107-.231-.115a.14.14 0 0 1-.023-.05a.8.8 0 0 1-.025-.228c0-.226.185-.412.413-.412h1.506a.58.58 0 0 1 .581.584a.75.75 0 0 0 1.5 0a2.08 2.08 0 0 0-2-2.082z"/></svg>User Dollar アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="stash:user-dollar" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="stash:user-dollar" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="stash:user-dollar" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[stash--user-dollar]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/stash -->
<div class="i-stash:user-dollar"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="stash:user-dollar"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/stash/user-dollar.svg" alt="User Dollar アイコン" width="24" height="24">Stash Icons の関連アイコン
user-arrow-down
user-arrow-down-duotone
user-arrow-down-light
user-at
user-at-duotone
user-at-light
user-avatar
user-avatar-duotone
user-avatar-light
user-check
user-check-duotone
user-check-light
user-clock
user-clock-duotone
user-clock-light
user-cog
user-cog-duotone
user-cog-light
user-dollar-duotone
user-dollar-light
user-envelope
user-envelope-duotone
user-envelope-light
user-group
他のアイコンセットの User Dollar アイコン
User Dollar アイコン のよくある質問
User Dollar アイコンは商用利用でも無料ですか?
はい。Stash Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で User Dollar アイコンを使うには?
@iconify/react をインストールして <Icon icon="stash:user-dollar" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
User Dollar アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/stash/user-dollar.svg" alt="User Dollar アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。