Scale Sharp Fill アイコン
keyline-icons:scale-sharp-fill
Scale Sharp Fill アイコン(keyline-icons:scale-sharp-fill)は、Keyline Icons セットの無料 SVG アイコンです。 24 × 24 のグリッドで描かれています。 Keyline Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Keyline Icons
- 作者
- Keyline Icons
- ライセンス
- MIT
- サイズ
- 24 × 24
- タグ
- scalesharp、sharpfill、scalesharpfill
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="2"><path fill="currentColor" fill-rule="evenodd" d="M1.1158 13.8902L4.1158 8.2109C4.2889 7.8831 4.6293 7.678 5 7.678C5.3707 7.678 5.7111 7.8831 5.8842 8.2109L8.8842 13.8902C8.9603 14.0342 9 14.1945 9 14.3573C9 14.7186 8.8051 15.0518 8.4902 15.2289C8.1695 15.4105 7.8385 15.5733 7.4989 15.7164C7.1764 15.8524 6.8444 15.9649 6.5057 16.0532C6.0143 16.1829 5.5082 16.2486 5 16.2486C4.4918 16.2486 3.9857 16.1829 3.4943 16.0532C3.1556 15.9649 2.8236 15.8524 2.5011 15.7164C2.1615 15.5733 1.8305 15.4105 1.5098 15.2289C1.1949 15.0518 1 14.7186 1 14.3573C1 14.1945 1.0397 14.0342 1.1158 13.8902ZM15.1158 13.8902L18.1158 8.2109C18.2889 7.8831 18.6293 7.678 19 7.678C19.3707 7.678 19.7111 7.8831 19.8842 8.2109L22.8842 13.8902C22.9603 14.0342 23 14.1945 23 14.3573C23 14.7186 22.8051 15.0518 22.4902 15.2289C22.1695 15.4105 21.8385 15.5733 21.4989 15.7164C21.1764 15.8524 20.8444 15.9649 20.5057 16.0532C20.0143 16.1829 19.5082 16.2486 19 16.2486C18.4918 16.2486 17.9857 16.1829 17.4943 16.0532C17.1556 15.9649 16.8236 15.8524 16.5011 15.7164C16.1615 15.5733 15.8305 15.4105 15.5098 15.2289C15.1949 15.0518 15 14.7186 15 14.3573C15 14.1945 15.0397 14.0342 15.1158 13.8902ZM15 4C15 5.6569 13.6569 7 12 7C10.3431 7 9 5.6569 9 4C9 2.3431 10.3431 1 12 1C13.6569 1 15 2.3431 15 4Z" clip-rule="evenodd" stroke="none"/><path d="M14 4C14.8333 4.7546 18 5.8111 20 4L20.3288 3.7023M10 4C9.1667 4.7546 6 5.8111 4 4L3.6712 3.7023M12 6L12 22M6 22L18 22"/></g></svg>Scale Sharp Fill アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="keyline-icons:scale-sharp-fill" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="keyline-icons:scale-sharp-fill" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="keyline-icons:scale-sharp-fill" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--scale-sharp-fill]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:scale-sharp-fill"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="keyline-icons:scale-sharp-fill"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/keyline-icons/scale-sharp-fill.svg" alt="Scale Sharp Fill アイコン" width="24" height="24">Keyline Icons の関連アイコン
scale
scale-duotone
scale-fill
scale-sharp
scale-sharp-duotone
scale-sharp-two-tone
scale-two-tone
scale-unbalanced
scale-unbalanced-duotone
scale-unbalanced-fill
scale-unbalanced-flip
scale-unbalanced-flip-duotone
scale-unbalanced-flip-fill
scale-unbalanced-flip-sharp
scale-unbalanced-flip-sharp-duotone
scale-unbalanced-flip-sharp-fill
scale-unbalanced-flip-sharp-two-tone
scale-unbalanced-flip-two-tone
scale-unbalanced-sharp
scale-unbalanced-sharp-duotone
scale-unbalanced-sharp-fill
scale-unbalanced-sharp-two-tone
scale-unbalanced-two-tone
Scale Sharp Fill アイコン のよくある質問
Scale Sharp Fill アイコンは商用利用でも無料ですか?
はい。Keyline Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Scale Sharp Fill アイコンを使うには?
@iconify/react をインストールして <Icon icon="keyline-icons:scale-sharp-fill" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Scale Sharp Fill アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/keyline-icons/scale-sharp-fill.svg" alt="Scale Sharp Fill アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。