Scale アイコン

Q: Scale アイコンは商用利用でも無料ですか?

はい。Reicon icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

reicon:scale

Scale アイコン(reicon:scale)は、Reicon セットの無料 SVG アイコンです。 24 × 24 のグリッドで描かれています。 Reicon icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Reicon
作者: REICON
ライセンス: MIT
サイズ: 24 × 24
カテゴリ: 矢印（アクション）

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M11.001 2.75A.75.75 0 0 0 11 1.25c-2.016.004-3.622.029-4.898.235c-1.3.21-2.338.62-3.167 1.449c-.895.894-1.3 2.034-1.494 3.48c-.19 1.41-.19 3.22-.19 5.528v.115c0 2.308 0 4.117.19 5.529c.194 1.445.6 2.585 1.494 3.48c.895.894 2.035 1.3 3.48 1.494c1.411.19 3.22.19 5.529.19h.114c2.309 0 4.118 0 5.53-.19c1.444-.195 2.584-.6 3.479-1.495c.828-.828 1.238-1.867 1.448-3.166c.207-1.277.232-2.883.235-4.898a.75.75 0 1 0-1.5-.003c-.003 2.04-.031 3.523-.216 4.661c-.18 1.116-.5 1.817-1.028 2.346c-.57.57-1.34.896-2.619 1.068c-1.3.175-3.008.176-5.386.176s-4.086-.001-5.386-.176c-1.279-.172-2.05-.499-2.62-1.068c-.569-.57-.896-1.34-1.068-2.62c-.174-1.3-.176-3.007-.176-5.386s.002-4.086.176-5.386c.172-1.278.5-2.05 1.069-2.619c.528-.528 1.23-.847 2.345-1.028c1.138-.184 2.621-.212 4.661-.216"/><path d="M15.906 2c0 .414.336.75.75.75h3.533l-7.439 7.44V8a.75.75 0 0 0-1.5 0v4c0 .414.336.75.75.75h4a.75.75 0 0 0 0-1.5h-2.19l7.44-7.44v3.534a.75.75 0 0 0 1.5 0V2a.75.75 0 0 0-.75-.75h-5.344a.75.75 0 0 0-.75.75"/></g></svg>

Scale アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="reicon:scale" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="reicon:scale" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="reicon:scale" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[reicon--scale]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/reicon -->
<div class="i-reicon:scale"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="reicon:scale"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/reicon/scale.svg" alt="Scale アイコン" width="24" height="24">

Reicon の関連アイコン

他のアイコンセットの Scale アイコン

Scale アイコンのよくある質問

Scale アイコンは商用利用でも無料ですか?

はい。Reicon icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で Scale アイコンを使うには?

@iconify/react をインストールして <Icon icon="reicon:scale" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Scale アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/reicon/scale.svg" alt="Scale アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Reicon アイコンをすべて見る →