Scale Balanced Solid アイコン
flowbite:scale-balanced-solid
Scale Balanced Solid アイコン(flowbite:scale-balanced-solid)は、Flowbite Icons セットの無料 SVG アイコンです(作者: Themesberg)。 24 × 24 のグリッドで描かれています。 Flowbite Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Flowbite Icons
- 作者
- Themesberg
- ライセンス
- MIT
- サイズ
- 24 × 24
- カテゴリ
- EC
- タグ
- scalebalanced、balancedsolid、scalebalancedsolid
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M12 4a1 1 0 1 0 0 2a1 1 0 0 0 0-2m-2.952.462c-.483.19-.868.432-1.19.71c-.363.315-.638.677-.831.93l-.106.14c-.21.268-.36.418-.574.527C6.125 6.883 5.74 7 5 7a1 1 0 0 0 0 2q.545 0 1-.067v.41l-1.864 4.2a1.774 1.774 0 0 0 .821 2.255c.255.133.538.202.825.202h2.436a1.786 1.786 0 0 0 1.768-1.558a1.8 1.8 0 0 0-.122-.899L8 9.343V8.028c.2-.188.36-.38.495-.553q.093-.118.168-.217c.185-.24.311-.406.503-.571a2 2 0 0 1 .24-.177A3 3 0 0 0 11 7.829V20H5.5a1 1 0 1 0 0 2h13a1 1 0 1 0 0-2H13V7.83a3 3 0 0 0 1.63-1.387c.206.091.373.19.514.29c.31.219.532.465.811.78l.025.027l.02.023v1.78l-1.864 4.2a1.774 1.774 0 0 0 .821 2.255c.255.133.538.202.825.202h2.436a1.785 1.785 0 0 0 1.768-1.558a1.8 1.8 0 0 0-.122-.899L18 9.343v-.452q.451.108 1 .109a1 1 0 1 0 0-2c-.48 0-.731-.098-.899-.2c-.2-.12-.363-.293-.651-.617l-.024-.026c-.267-.3-.622-.7-1.127-1.057a5.2 5.2 0 0 0-1.355-.678a3.001 3.001 0 0 0-5.896.04" clip-rule="evenodd"/></svg>Scale Balanced Solid アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="flowbite:scale-balanced-solid" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="flowbite:scale-balanced-solid" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="flowbite:scale-balanced-solid" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[flowbite--scale-balanced-solid]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/flowbite -->
<div class="i-flowbite:scale-balanced-solid"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="flowbite:scale-balanced-solid"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/flowbite/scale-balanced-solid.svg" alt="Scale Balanced Solid アイコン" width="24" height="24">Flowbite Icons の関連アイコン
Scale Balanced Solid アイコン のよくある質問
Scale Balanced Solid アイコンは商用利用でも無料ですか?
はい。Flowbite Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Scale Balanced Solid アイコンを使うには?
@iconify/react をインストールして <Icon icon="flowbite:scale-balanced-solid" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Scale Balanced Solid アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/flowbite/scale-balanced-solid.svg" alt="Scale Balanced Solid アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。