ICONYZ
Español
Icono Hygen de File Icons

Icono Hygen

file-icons:hygen

El icono Hygen (file-icons:hygen) es un icono SVG gratuito de la colección File Icons de John Gardner. Está dibujado en una cuadrícula de 512 × 512. File Icons se publican bajo la licencia ISC, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.

Colección
File Icons
Autor
John Gardner
Licencia
ISC
Tamaño
512 × 512
Descargar SVG

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>

Cómo usar el icono 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>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/file-icons/hygen.svg" alt="Icono Hygen" width="24" height="24">

Preguntas frecuentes sobre Icono Hygen

¿El icono Hygen es gratis para uso comercial?

Sí. File Icons se publican bajo la licencia ISC, que permite usarlos en proyectos personales y comerciales.

¿Cómo uso el icono Hygen en React?

Instala @iconify/react y renderiza <Icon icon="file-icons:hygen" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.

¿Cómo añado el icono Hygen a una página web?

Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/file-icons/hygen.svg" alt="Icono Hygen">, o pega el código SVG en línea para darle estilo con CSS.

Ver todos los File Icons →