Scaling Outline アイコン
solar:scaling-outline
Scaling Outline アイコン(solar:scaling-outline)は、Solar セットの無料 SVG アイコンです(作者: 480 Design)。 24 × 24 のグリッドで描かれています。 Solar icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Solar
- 作者
- 480 Design
- ライセンス
- CC-BY-4.0
- サイズ
- 24 × 24
- カテゴリ
- 矢印(アクション)
- タグ
- scalingoutline
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M11.0014 2.75C11.4156 2.74925 11.7507 2.41286 11.75 1.99865C11.7493 1.58444 11.4129 1.24926 10.9986 1.25C8.9835 1.25363 7.37741 1.27877 6.10063 1.48543C4.80193 1.69565 3.76255 2.10514 2.93414 2.93356C2.03933 3.82837 1.63399 4.96839 1.43975 6.41313C1.24998 7.82462 1.24999 9.63365 1.25 11.942V12.0568C1.24999 14.3652 1.24998 16.1742 1.43975 17.5857C1.63399 19.0305 2.03933 20.1705 2.93414 21.0653C3.82895 21.9601 4.96897 22.3654 6.41371 22.5597C7.82519 22.7494 9.63423 22.7494 11.9426 22.7494H12.0574C14.3658 22.7494 16.1748 22.7494 17.5863 22.5597C19.031 22.3654 20.1711 21.9601 21.0659 21.0653C21.8943 20.2369 22.3038 19.1975 22.514 17.8988C22.7207 16.622 22.7458 15.0159 22.7494 13.0008C22.7502 12.5866 22.415 12.2502 22.0008 12.2494C21.5866 12.2487 21.2502 12.5839 21.2494 12.9981C21.2457 15.038 21.2175 16.5212 21.0333 17.6591C20.8526 18.7752 20.5338 19.476 20.0052 20.0046C19.4355 20.5743 18.6648 20.9012 17.3864 21.0731C16.0864 21.2478 14.3782 21.2494 12 21.2494C9.62178 21.2494 7.91356 21.2478 6.61358 21.0731C5.33517 20.9012 4.56445 20.5743 3.9948 20.0046C3.42514 19.435 3.09825 18.6643 2.92637 17.3858C2.75159 16.0859 2.75 14.3776 2.75 11.9994C2.75 9.6212 2.75159 7.91298 2.92637 6.613C3.09825 5.3346 3.42514 4.56388 3.9948 3.99422C4.52341 3.4656 5.22427 3.14681 6.34031 2.96616C7.47827 2.78197 8.96143 2.75367 11.0014 2.75Z"/><path d="M15.9062 2C15.9062 2.41422 16.242 2.75 16.6562 2.75H20.1893L12.75 10.1893V8C12.75 7.58579 12.4142 7.25 12 7.25C11.5858 7.25 11.25 7.58579 11.25 8V12C11.25 12.4142 11.5858 12.75 12 12.75H16C16.4142 12.75 16.75 12.4142 16.75 12C16.75 11.5858 16.4142 11.25 16 11.25H13.8107L21.25 3.81066V7.34375C21.25 7.75797 21.5858 8.09375 22 8.09375C22.4142 8.09375 22.75 7.75797 22.75 7.34375V2C22.75 1.58579 22.4142 1.25 22 1.25H16.6562C16.242 1.25 15.9062 1.58579 15.9062 2Z"/></g></svg>Scaling Outline アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="solar:scaling-outline" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="solar:scaling-outline" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="solar:scaling-outline" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--scaling-outline]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:scaling-outline"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="solar:scaling-outline"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/solar/scaling-outline.svg" alt="Scaling Outline アイコン" width="24" height="24">Solar の関連アイコン
Scaling Outline アイコン のよくある質問
Scaling Outline アイコンは商用利用でも無料ですか?
はい。Solar icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Scaling Outline アイコンを使うには?
@iconify/react をインストールして <Icon icon="solar:scaling-outline" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Scaling Outline アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/solar/scaling-outline.svg" alt="Scaling Outline アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。