ICONYZ
Español
Icono Hy de File Icons

Icono Hy

file-icons:hy

El icono Hy (file-icons:hy) 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" 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>

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

Imagen HTML

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

Iconos relacionados en File Icons

Preguntas frecuentes sobre Icono Hy

¿El icono Hy 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 Hy en React?

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

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

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

Ver todos los File Icons →