Ícone Scratch
file-icons:scratch
O ícone Scratch (file-icons:scratch) é um ícone SVG gratuito da coleção File Icons de John Gardner. Ele é desenhado em uma grade de 271 × 512. File Icons são publicados sob a licença ISC, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- File Icons
- Autor
- John Gardner
- Licença
- ISC
- Tamanho
- 271 × 512
Código 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>Como usar o ícone 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 component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="file-icons:scratch"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/file-icons/scratch.svg" alt="Ícone Scratch" width="24" height="24">O ícone Scratch em outras coleções
Perguntas frequentes sobre Ícone Scratch
O ícone Scratch é grátis para uso comercial?
Sim. File Icons são publicados sob a licença ISC, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Scratch no React?
Instale @iconify/react e renderize <Icon icon="file-icons:scratch" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Scratch a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/file-icons/scratch.svg" alt="Ícone Scratch">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.