Ícone Prettier
file-icons:prettier
O ícone Prettier (file-icons:prettier) é um ícone SVG gratuito da coleção File Icons de John Gardner. Ele é desenhado em uma grade de 439 × 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
- 439 × 512
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="439" height="512" viewBox="0 0 439 512"><path fill="currentColor" d="M304.805 24.381H12.145C-4.408 23.629-3.685.134 12.145 0h292.66c15.91.24 16.48 23.565 0 24.381M12.14 121.905c-16.548-.752-15.825-24.247 0-24.381h170.763c15.906.24 16.475 23.565 0 24.38zm121.905-48.762c-16.548-.752-15.825-24.247 0-24.381H377.95c15.907.24 16.475 23.565 0 24.38zm195.141 24.38c15.906.242 16.478 23.566.002 24.382h-97.62c-16.547-.752-15.824-24.247 0-24.381zm48.669 24.382c-16.548-.752-15.825-24.247 0-24.381h24.476c15.907.24 16.475 23.565 0 24.38zM12.14 170.667c-16.548-.752-15.825-24.247 0-24.381H61c15.906.24 16.475 23.565 0 24.38zm292.572 0c-16.548-.752-15.825-24.247 0-24.381h122c15.906.24 16.475 23.565 0 24.38zm-195.048 0c-16.548-.752-15.825-24.247 0-24.381h24.477c15.906.24 16.475 23.565 0 24.38zM12.141 463.238c-16.548-.752-15.825-24.247 0-24.38H61c15.906.24 16.475 23.564 0 24.38zm97.524 0c-16.548-.752-15.825-24.247 0-24.38h24.477c15.906.24 16.475 23.564 0 24.38zm195.048-243.81c-16.548-.751-15.825-24.246 0-24.38h122c15.906.24 16.475 23.565 0 24.38zm-292.572 0c-16.548-.751-15.825-24.246 0-24.38h122c15.907.24 16.476 23.565 0 24.38zm0 195.048c-16.548-.752-15.825-24.247 0-24.38h122c15.907.24 16.476 23.564 0 24.38zm0 97.524c-16.548-.752-15.825-24.247 0-24.381h122c15.907.241 16.476 23.565 0 24.381zm0-243.81c-16.548-.751-15.825-24.246 0-24.38h24.477c15.906.24 16.475 23.565 0 24.38zm73.143 0c-16.548-.751-15.825-24.246 0-24.38h73.239c15.906.24 16.475 23.565 0 24.38zm121.905 0c-16.548-.751-15.825-24.246 0-24.38h195.143c15.907.24 16.475 23.565 0 24.38zm97.524 48.762c-16.548-.751-15.825-24.246 0-24.38h73.238c15.907.24 16.475 23.565 0 24.38zm-146.286 0c-16.548-.751-15.825-24.246 0-24.38h97.62c15.906.24 16.475 23.565 0 24.38zm-146.286 0c-16.548-.751-15.825-24.246 0-24.38h97.62c15.906.24 16.475 23.565 0 24.38zm0 48.762c-16.548-.751-15.825-24.246 0-24.38h24.477c15.906.24 16.475 23.564 0 24.38zm73.143 0c-16.548-.751-15.825-24.246 0-24.38h219.524c15.907.24 16.476 23.564 0 24.38zM12.141 73.143c-16.548-.752-15.825-24.247 0-24.381h73.192c15.968.24 16.539 23.565 0 24.38z"/></svg>Como usar o ícone Prettier
React
import { Icon } from "@iconify/react";
<Icon icon="file-icons:prettier" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="file-icons:prettier" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="file-icons:prettier" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[file-icons--prettier]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/file-icons -->
<div class="i-file-icons:prettier"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="file-icons:prettier"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/file-icons/prettier.svg" alt="Ícone Prettier" width="24" height="24">O ícone Prettier em outras coleções
Perguntas frequentes sobre Ícone Prettier
O ícone Prettier é 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 Prettier no React?
Instale @iconify/react e renderize <Icon icon="file-icons:prettier" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Prettier a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/file-icons/prettier.svg" alt="Ícone Prettier">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.