Scissor アイコン
si-glyph:scissor
Scissor アイコン(si-glyph:scissor)は、SmartIcons Glyph セットの無料 SVG アイコンです（作者: SmartIcons）。 17 × 17 のグリッドで描かれています。 SmartIcons Glyph icons は CC BY SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- SmartIcons Glyph
- 作者
- SmartIcons
- ライセンス
- CC-BY-SA-4.0
- サイズ
- 17 × 17
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="17" height="17" viewBox="0 0 17 17"><path fill="currentColor" fill-rule="evenodd" d="M15.958 4.146s-1.331-.81-1.534-.71L8.123 7.295L5.969 5.437c.071-.94-.715-2.052-2.033-2.732c-.647-.336-1.35-.521-1.978-.521c-.836 0-1.479.322-1.762.883c-.515 1.016.321 2.45 1.899 3.268c.647.335 1.35.52 1.979.52c.469 0 .866-.111 1.185-.298l1.579 1.527l-1.523 1.479c-.324-.21-.738-.335-1.234-.335c-.629 0-1.328.184-1.975.521c-1.559.812-2.373 2.232-1.852 3.234c.285.546.922.861 1.746.861c.628 0 1.329-.186 1.975-.523c1.255-.654 2.014-1.699 1.994-2.605l2.154-1.844l6.301 3.86c.203.099 1.534-.711 1.534-.711L9.43 8.084zM4.871 5.481c-.075.15-.227.256-.418.325c-.484.177-1.255.1-1.951-.26C1.493 5.024.878 4.111 1.159 3.553c.141-.277.497-.437.979-.437c.436 0 .929.133 1.392.372c.723.373 1.236.947 1.369 1.45c.052.198.051.385-.028.543M3.575 12.57c-.982.511-2.132.474-2.409-.057c-.293-.562.32-1.486 1.34-2.017c.469-.244.973-.379 1.418-.379c.231 0 .434.038.598.107c.18.074.316.185.391.328c.097.187.087.414.003.651c-.17.484-.662 1.012-1.341 1.367"/></svg>
Scissor アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="si-glyph:scissor" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="si-glyph:scissor" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="si-glyph:scissor" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[si-glyph--scissor]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/si-glyph -->
<div class="i-si-glyph:scissor"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="si-glyph:scissor"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/si-glyph/scissor.svg" alt="Scissor アイコン" width="24" height="24">
Scissor アイコン のよくある質問
Scissor アイコンは商用利用でも無料ですか?
はい。SmartIcons Glyph icons は CC BY SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。
React で Scissor アイコンを使うには?
@iconify/react をインストールして <Icon icon="si-glyph:scissor" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Scissor アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/si-glyph/scissor.svg" alt="Scissor アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
SmartIcons Glyph アイコン をすべて見る →
ICONYZ
