Balance Light アイコン
stash:balance-light
Balance Light アイコン(stash:balance-light)は、Stash Icons セットの無料 SVG アイコンです（作者: Pingback LLC）。 24 × 24 のグリッドで描かれています。 Stash Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Stash Icons
- 作者
- Pingback LLC
- ライセンス
- MIT
- サイズ
- 24 × 24
- タグ
- balancelight
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M12 2.5a2.5 2.5 0 0 0-2.417 3.143c-.634.313-1.055.697-1.393 1.004q-.152.141-.288.254c-.216.18-.43.323-.707.425c-.28.103-.653.174-1.195.174a.5.5 0 1 0 0 1c.63 0 1.125-.083 1.54-.236c.418-.154.73-.368 1-.593a10 10 0 0 0 .383-.335c.322-.292.618-.56 1.105-.799a2.5 2.5 0 0 0 1.472.913v9.05c0 1.195-.24 2.075-.654 2.643C10.45 19.687 9.859 20 9 20a.5.5 0 0 0 0 1c1.142 0 2.05-.437 2.655-1.268q.18-.248.319-.534q.25.485.61.843c.672.672 1.557.959 2.416.959a.5.5 0 1 0 0-1c-.64 0-1.256-.213-1.709-.666c-.45-.45-.79-1.187-.79-2.334V7.45a2.5 2.5 0 0 0 1.47-.913c.488.239.784.507 1.107.799c.12.109.243.22.382.335c.27.225.582.44 1 .593c.416.153.91.236 1.54.236a.5.5 0 1 0 0-1c-.542 0-.915-.071-1.195-.174a2.3 2.3 0 0 1-.707-.425q-.134-.113-.288-.254c-.338-.308-.76-.69-1.393-1.005q.082-.308.083-.642A2.5 2.5 0 0 0 12 2.5M10.5 5a1.5 1.5 0 1 1 3 0a1.5 1.5 0 0 1-3 0"/><path fill="currentColor" d="M2.5 13.5a.5.5 0 0 0-.5.5a4 4 0 0 0 8 0a.5.5 0 0 0-.5-.5h-.688L6.886 9.567l-.012-.023a1 1 0 0 0-1.76.023L3.188 13.5zm.99 1h5.469a3 3 0 0 1-5.918 0zm4.209-1H4.302L6 10.031zM14 14a.5.5 0 0 1 .5-.5h.688l1.926-3.933l.012-.023a1 1 0 0 1 1.76.023l1.926 3.933h.688a.5.5 0 0 1 .5.5a4 4 0 0 1-8 0m6.49.5h-5.449a3 3 0 0 0 5.918 0zm-.791-1L18 10.031L16.302 13.5z"/></svg>Balance Light アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="stash:balance-light" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="stash:balance-light" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="stash:balance-light" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[stash--balance-light]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/stash -->
<div class="i-stash:balance-light"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="stash:balance-light"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/stash/balance-light.svg" alt="Balance Light アイコン" width="24" height="24">Stash Icons の関連アイコン
Balance Light アイコン のよくある質問
Balance Light アイコンは商用利用でも無料ですか?
はい。Stash Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Balance Light アイコンを使うには?
@iconify/react をインストールして <Icon icon="stash:balance-light" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Balance Light アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/stash/balance-light.svg" alt="Balance Light アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。