Balance Solid アイコン
stash:balance-solid
Balance Solid アイコン(stash:balance-solid)は、Stash Icons セットの無料 SVG アイコンです（作者: Pingback LLC）。 24 × 24 のグリッドで描かれています。 Stash Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Stash Icons
- 作者
- Pingback LLC
- ライセンス
- MIT
- サイズ
- 24 × 24
- タグ
- balancesolid
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M9.25 5a2.75 2.75 0 1 1 5.453.51c.577.315.981.683 1.29.964q.145.134.265.235c.203.169.391.293.634.382c.246.09.588.159 1.108.159a.75.75 0 0 1 0 1.5c-.652 0-1.177-.086-1.626-.251c-.453-.167-.79-.4-1.074-.635a12 12 0 0 1-.407-.357c-.272-.246-.508-.46-.86-.656a2.75 2.75 0 0 1-1.283.795V17c0 1.096.325 1.764.718 2.157c.399.399.946.593 1.532.593a.75.75 0 0 1 0 1.5c-.913 0-1.866-.306-2.593-1.032q-.236-.235-.427-.52q-.06.093-.123.18C11.2 20.783 10.212 21.25 9 21.25a.75.75 0 0 1 0-1.5c.788 0 1.3-.282 1.644-.754c.37-.509.606-1.328.606-2.496V7.647a2.75 2.75 0 0 1-1.283-.795c-.352.195-.588.41-.86.655c-.123.112-.254.23-.407.357c-.284.236-.62.468-1.074.635c-.449.165-.974.251-1.626.251a.75.75 0 0 1 0-1.5c.52 0 .862-.068 1.109-.16c.242-.088.43-.212.634-.38q.12-.102.265-.236c.308-.28.712-.649 1.29-.964A3 3 0 0 1 9.25 5M12 3.75a1.25 1.25 0 1 0 0 2.5a1.25 1.25 0 0 0 0-2.5"/><path fill="currentColor" d="m7.11 9.457l1.858 3.793H9.5a.75.75 0 0 1 .75.75a4.25 4.25 0 0 1-8.5 0a.75.75 0 0 1 .75-.75h.532L4.89 9.457l.017-.035a1.25 1.25 0 0 1 2.204.035M6 10.6l-1.298 2.65h2.596zm14.968 2.65l-1.857-3.793l-.018-.035a1.25 1.25 0 0 0-2.203.035l-1.858 3.793H14.5a.75.75 0 0 0-.75.75a4.25 4.25 0 0 0 8.5 0a.75.75 0 0 0-.75-.75zm-1.67 0h-2.595L18 10.6z"/></svg>Balance Solid アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="stash:balance-solid" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="stash:balance-solid" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="stash:balance-solid" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[stash--balance-solid]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/stash -->
<div class="i-stash:balance-solid"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="stash:balance-solid"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/stash/balance-solid.svg" alt="Balance Solid アイコン" width="24" height="24">Stash Icons の関連アイコン
Balance Solid アイコン のよくある質問
Balance Solid アイコンは商用利用でも無料ですか?
はい。Stash Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Balance Solid アイコンを使うには?
@iconify/react をインストールして <Icon icon="stash:balance-solid" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Balance Solid アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/stash/balance-solid.svg" alt="Balance Solid アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。