Ícone Hy
file-icons:hy
O ícone Hy (file-icons:hy) é um ícone SVG gratuito da coleção File Icons de John Gardner. Ele é desenhado em uma grade de 512 × 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
- 512 × 512
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M239.412 20.505c-25.106 0-58.057 1.582-88.438 25.298s-56.371 65.065-83.328 139.11l-.026.025v.05l-29.437 81.77l-.025.025v.051c-11.607 32.504-31.276 80.28-36.72 124.851c-2.721 22.286-2.545 45.01 9.2 65.62s36.674 33.642 64.725 34.19h166.696l-18.142-52.332H76.385c-50.29 0-13.312-86.753 11.013-154.672c59.2-169.687 70.9-207.789 152.014-211.654h33.832L254.41 20.505zm0 65.415c-31.829 0-60.33 16.335-71.318 38.764c-46.275 94.457-65.087 161.885-96.666 249.6c-6.541 24.412-12.358 52.209 16.08 52.209l20.87-.413l62.808-174.475l39.25 109.06h55.628l-66.591-185.029c7.054-16.462 20.669-36.907 39.939-37.383h57.417L277.997 85.92zm33.176 405.575c25.106 0 58.057-1.582 88.438-25.298c30.382-23.715 56.371-65.065 83.328-139.11l.026-.025v-.05l29.437-81.77l.025-.025v-.051c11.607-32.504 31.276-80.28 36.72-124.851c2.721-22.286 2.545-45.01-9.2-65.62s-36.674-33.642-64.725-34.19H269.94l18.143 52.332h147.532c50.29 0 13.312 86.753-11.013 154.672c-59.2 169.687-70.9 207.789-152.014 211.654h-33.832l18.833 52.332zm0-65.415c31.829 0 60.33-16.335 71.318-38.764c46.275-94.457 65.087-161.885 96.666-249.6c6.541-24.412 12.358-52.209-16.08-52.209l-20.87.413l-62.808 174.475l-39.25-109.06h-55.628l66.591 185.029c-7.054 16.462-20.669 36.907-39.939 37.383h-57.417l18.832 52.333z"/></svg>Como usar o ícone Hy
React
import { Icon } from "@iconify/react";
<Icon icon="file-icons:hy" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="file-icons:hy" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="file-icons:hy" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[file-icons--hy]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/file-icons -->
<div class="i-file-icons:hy"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="file-icons:hy"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/file-icons/hy.svg" alt="Ícone Hy" width="24" height="24">Ícones relacionados em File Icons
Perguntas frequentes sobre Ícone Hy
O ícone Hy é 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 Hy no React?
Instale @iconify/react e renderize <Icon icon="file-icons:hy" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Hy a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/file-icons/hy.svg" alt="Ícone Hy">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.