Ícone Hygen
file-icons:hygen
O ícone Hygen (file-icons:hygen) é 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" fill-rule="evenodd" d="M259.531 372.524c0-62.404 50.589-112.993 112.993-112.993H512V112.993C512 50.59 461.411 0 399.007 0H112.993C50.59 0 0 50.589 0 112.993v286.014C0 461.41 50.589 512 112.993 512h146.538zm15.89-190.676h-97.104v-35.31h97.104zm45.903-93.572h61.793v35.31h-61.793zm-190.676 0H303.67v35.31H130.65zm-49.434 0h31.78v35.31h-31.78zm0 58.262h77.683v35.31H81.214zm0 60.028h118.29v35.31H81.213zm0 155.365h31.78v35.31h-31.78zm84.745 88.276H81.214v-35.31h84.745zm88.275 0h-70.62v-35.31h70.62zm0-52.966H130.648v-35.31h123.586zm156.249-35.31h16.772v35.31h-52.083l-17.655 17.656h6.18v35.31h-41.49l-56.497 56.496h128c62.405 0 112.993-50.588 112.993-112.993v-128zm-15.007 88.276H374.29v-35.31h21.186z" clip-rule="evenodd"/></svg>Como usar o ícone Hygen
React
import { Icon } from "@iconify/react";
<Icon icon="file-icons:hygen" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="file-icons:hygen" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="file-icons:hygen" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[file-icons--hygen]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/file-icons -->
<div class="i-file-icons:hygen"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="file-icons:hygen"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/file-icons/hygen.svg" alt="Ícone Hygen" width="24" height="24">Perguntas frequentes sobre Ícone Hygen
O ícone Hygen é 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 Hygen no React?
Instale @iconify/react e renderize <Icon icon="file-icons:hygen" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Hygen a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/file-icons/hygen.svg" alt="Ícone Hygen">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.