Scratch アイコン
file-icons:scratch
Scratch アイコン(file-icons:scratch)は、File Icons セットの無料 SVG アイコンです（作者: John Gardner）。 271 × 512 のグリッドで描かれています。 File Icons は ISC ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- File Icons
- 作者
- John Gardner
- ライセンス
- ISC
- サイズ
- 271 × 512
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="271" height="512" viewBox="0 0 271 512"><path fill="currentColor" d="m191.968 72.184l.79-51.234c2.491-29.17 50.878-28.897 49.68 7.254L236.83 187.82c-.532 28.03-48.707 33.95-52.038-3.53c2.288-63.666-66.599-132.606-95.633-96.164c-7.38 8.993-29.764 105.209-2.704 131.437c19.711 24.887 56.794 5.176 131.963 44.597c51.278 26.893 52.425 75.817 51.983 93.518C259.5 453.833 153.009 503.464 50.374 439.22v51.42c-1.36 31.719-51.708 26.548-50.347-5.172l2.887-163.79c2.462-38.23 50.255-37.665 50.656.765c-.973 55.822 36.429 91.88 88.358 96.158c33.501 1.455 75.87-24.768 77.197-66.287c0 0 7.931-28.82-37.652-50.234c-42.503-19.965-102.98-9.811-135.307-50.706c-36.075-45.637-21.081-139.719-2.672-186.81c11.045-28.253 79.6-72.532 148.474 7.621"/></svg>Scratch アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="file-icons:scratch" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="file-icons:scratch" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="file-icons:scratch" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[file-icons--scratch]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/file-icons -->
<div class="i-file-icons:scratch"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="file-icons:scratch"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/file-icons/scratch.svg" alt="Scratch アイコン" width="24" height="24">他のアイコンセットの Scratch アイコン
Scratch アイコン のよくある質問
Scratch アイコンは商用利用でも無料ですか?
はい。File Icons は ISC ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Scratch アイコンを使うには?
@iconify/react をインストールして <Icon icon="file-icons:scratch" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Scratch アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/file-icons/scratch.svg" alt="Scratch アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。