Icono Genshi

file-icons:genshi

El icono Genshi (file-icons:genshi) es un icono SVG gratuito de la colección File Icons de John Gardner. Está dibujado en una cuadrícula de 310 × 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: 310 × 512

Descargar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="310" height="512" viewBox="0 0 310 512"><path fill="currentColor" d="M252.398 291.155c3.228-2.033 9.937-3.06 20.11-3.06c2.773 0 5.082.515 6.932 1.53c1.842 1.027 3.348 3.7 4.507 8.023q1.723 6.504 2.082 19.87c.228 8.918.347 21.529.347 37.827c0 34.138 1.04 61.78 3.121 82.912q3.118 31.7 3.12 53.877c0 7.128-1.278 12.226-3.815 15.283q-3.817 4.584-16.294 4.583c-2.773 0-5.095-.763-6.937-2.293c-1.85-1.527-3.704-4.464-5.545-8.787c-1.854-4.335-3.585-10.58-5.199-18.723q-2.439-12.231-5.202-32.093q-2.78-19.869-20.801-19.87c-1.854 0-5.202.512-10.057 1.526c-4.85 1.027-10.52 2.042-16.985 3.057a1021 1021 0 0 1-20.805 3.057c-7.4 1.027-14.333 1.53-20.801 1.53c-31.897 0-58.136-6.617-78.702-19.87c-20.573-13.242-36.867-29.42-48.882-48.523c-12.027-19.107-20.457-39.093-25.312-59.99C2.43 290.136 0 271.797 0 256.002c0-31.581 4.387-62.663 13.177-93.23c8.775-30.57 22.536-57.816 41.255-81.77c18.723-23.937 42.405-43.423 71.074-58.459C154.162 7.523 188.368 0 228.129 0c26.35 0 46.456 3.188 60.325 9.553c13.869 6.377 20.805 16.43 20.805 30.187q-.002 5.351-4.163 11.08c-4.161 5.729-6.014 7.14-9.705 9.933c-3.708 2.805-7.4 5.098-11.096 6.877c-3.704 1.794-6.705 2.677-9.014 2.677q-4.859 0-10.053-4.587c-3.468-3.057-10.293-9.67-20.458-19.867c-4.627-4.586-9.014-7.511-13.173-8.79c-4.16-1.262-9.254-1.91-15.255-1.91c-22.655 0-44.032 7.524-64.138 22.543c-20.11 15.032-37.79 34.007-53.045 56.934c-15.255 22.922-27.282 48.023-36.06 75.269c-8.787 27.262-13.174 53.11-13.174 77.566c0 27.51 2.657 49.933 7.975 67.246c5.31 17.325 12.71 30.698 22.188 40.12c9.47 9.434 20.457 15.927 32.935 19.487c12.483 3.568 25.884 5.35 40.22 5.35c12.482 0 23.922-1.65 34.322-4.967q15.6-4.962 27.043-12.61c7.627-5.086 13.629-10.7 18.028-16.813q6.58-9.17 7.975-18.34l5.546-45.85c.923-4.587 3-7.891 6.24-9.933"/></svg>

Cómo usar el icono Genshi

React

import { Icon } from "@iconify/react";

<Icon icon="file-icons:genshi" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="file-icons:genshi" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="file-icons:genshi" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[file-icons--genshi]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/file-icons -->
<div class="i-file-icons:genshi"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="file-icons:genshi"></iconify-icon>

Imagen HTML

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

Preguntas frecuentes sobre Icono Genshi

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

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

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

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

Ver todos los File Icons →