Scissors Outline アイコン

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

はい。Solar icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

solar:scissors-outline

Scissors Outline アイコン(solar:scissors-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
カテゴリ: UI
タグ: scissorsoutline、scissor

SVG をダウンロード

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="M17.3462 1.63257C17.5492 1.27151 18.0065 1.14338 18.3676 1.34638C18.7286 1.54938 18.8568 2.00664 18.6538 2.3677L12.8604 12.6718L15.5677 17.4871C16.1494 16.1697 17.4673 15.2501 19 15.2501C21.0711 15.2501 22.75 16.9291 22.75 19.0001C22.75 21.0712 21.0711 22.7501 19 22.7501C17.5771 22.7501 16.3394 21.9577 15.7039 20.7901L12 14.2022L8.29606 20.7901C7.66064 21.9577 6.42286 22.7501 5 22.7501C2.92893 22.7501 1.25 21.0712 1.25 19.0001C1.25 16.9291 2.92893 15.2501 5 15.2501C6.5327 15.2501 7.85064 16.1697 8.43226 17.4871L11.1396 12.6718L5.34624 2.3677C5.14324 2.00664 5.27138 1.54938 5.63244 1.34638C5.99349 1.14338 6.45076 1.27151 6.65376 1.63257L12 11.1415L17.3462 1.63257ZM5 21.2501C5.83538 21.2501 6.56442 20.7949 6.95257 20.1189L6.97252 20.0834C7.14938 19.7621 7.25 19.3929 7.25 19.0001C7.25 17.7575 6.24264 16.7501 5 16.7501C3.75736 16.7501 2.75 17.7575 2.75 19.0001C2.75 20.2428 3.75736 21.2501 5 21.2501ZM19 21.2501C18.1646 21.2501 17.4356 20.7949 17.0474 20.1189L17.0275 20.0834C16.8506 19.7621 16.75 19.3929 16.75 19.0001C16.75 17.7575 17.7574 16.7501 19 16.7501C20.2426 16.7501 21.25 17.7575 21.25 19.0001C21.25 20.2428 20.2426 21.2501 19 21.2501Z" clip-rule="evenodd"/></svg>

Scissors Outline アイコンの使い方

React

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

<Icon icon="solar:scissors-outline" width="24" />

Vue

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

<template>
  <Icon icon="solar:scissors-outline" width="24" />
</template>

Svelte

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

<Icon icon="solar:scissors-outline" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--scissors-outline]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:scissors-outline"></div>

Web コンポーネント

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

<iconify-icon icon="solar:scissors-outline"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/solar/scissors-outline.svg" alt="Scissors Outline アイコン" width="24" height="24">

Solar の関連アイコン

他のアイコンセットの Scissors Outline アイコン

Scissors Outline アイコンのよくある質問

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

はい。Solar icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

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

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

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

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

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