Scissors アイコン
f7:scissors
Scissors アイコン(f7:scissors)は、Framework7 Icons セットの無料 SVG アイコンです（作者: Vladimir Kharlampidi）。 56 × 56 のグリッドで描かれています。 Framework7 Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Framework7 Icons
- 作者
- Vladimir Kharlampidi
- ライセンス
- MIT
- サイズ
- 56 × 56
- タグ
- scissor
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="56" height="56" viewBox="0 0 56 56"><path fill="currentColor" d="M8.783 25.404c4.086 0 4.742-1.683 6.555-1.683c.415 0 .721.087 1.268.35l3.714 1.966q.655.36 1.114.656h.131c.503-1.836 1.311-3.016 2.71-3.89v-.13l-4.982-2.644c-1.551-.83-1.683-1.508-1.683-3.453c0-4.938-3.932-8.87-8.827-8.87C3.911 7.706 0 11.66 0 16.575c0 4.895 3.911 8.828 8.783 8.828m0-3.562c-2.862 0-5.2-2.382-5.2-5.266c0-2.95 2.338-5.287 5.2-5.287c2.95 0 5.266 2.338 5.266 5.287a5.254 5.254 0 0 1-5.266 5.266m0 28.426c4.895 0 8.827-3.933 8.827-8.87c0-1.814.088-2.535 1.42-3.256L56 18.499c-.896-3.277-4.457-3.845-9.898-1.9l-18.66 6.707c-2.621.94-3.736 2.229-4.457 4.654l-.436 1.595c-.328 1.136-.83 1.704-2.535 2.578l-3.408 1.792c-.547.284-.853.371-1.268.371c-1.813 0-2.469-1.704-6.555-1.704C3.911 32.592 0 36.525 0 41.397c0 4.916 3.911 8.871 8.783 8.871m19.162-20.626c-.983 0-1.835-.808-1.835-1.813c0-1.049.852-1.836 1.835-1.836c1.005 0 1.857.787 1.857 1.836c0 1.005-.852 1.813-1.857 1.813m18.157 11.799c5.484 2.032 9.002 1.376 9.898-1.988l-17.785-9.396L29.19 34.8v.262ZM8.783 46.685c-2.862 0-5.2-2.338-5.2-5.288c0-2.884 2.338-5.244 5.2-5.244c2.95 0 5.266 2.36 5.266 5.244c0 2.95-2.316 5.288-5.266 5.288"/></svg>
Scissors アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="f7:scissors" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="f7:scissors" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="f7:scissors" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[f7--scissors]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/f7 -->
<div class="i-f7:scissors"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="f7:scissors"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/f7/scissors.svg" alt="Scissors アイコン" width="24" height="24">
Scissors アイコン のよくある質問
Scissors アイコンは商用利用でも無料ですか?
はい。Framework7 Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Scissors アイコンを使うには?
@iconify/react をインストールして <Icon icon="f7:scissors" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Scissors アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/f7/scissors.svg" alt="Scissors アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Framework7 Icons をすべて見る →
ICONYZ
