Icono Gridsome
file-icons:gridsome
El icono Gridsome (file-icons:gridsome) 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
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M258.827 509.357C129.245 512.528.175 412.685.175 257.133C-4.98 128.9 102.76 5.06 254.315 2.57c58.963.093 63.202 83.154 3.712 88.7C151.696 95.66 86.724 177.022 89.88 255.716c0 102.32 83.746 166.923 166.614 164.894c81.485-2.247 139.647-58.516 158-117.517h-16.926c-25.463 0-46.108-20.348-46.108-45.444c0-25.1 20.646-45.443 46.112-45.443h67.198c24.408 0 45.018 18.687 46.686 42.338c9.213 118.238-98.863 250.575-252.628 254.813m43.215-251.644c0-35.117-38.277-57.185-68.734-39.626s-30.457 61.693 0 79.252s68.734-4.509 68.734-39.626"/></svg>Cómo usar el icono Gridsome
React
import { Icon } from "@iconify/react";
<Icon icon="file-icons:gridsome" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="file-icons:gridsome" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="file-icons:gridsome" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[file-icons--gridsome]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/file-icons -->
<div class="i-file-icons:gridsome"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="file-icons:gridsome"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/file-icons/gridsome.svg" alt="Icono Gridsome" width="24" height="24">El icono Gridsome en otras colecciones
Preguntas frecuentes sobre Icono Gridsome
¿El icono Gridsome 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 Gridsome en React?
Instala @iconify/react y renderiza <Icon icon="file-icons:gridsome" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Gridsome a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/file-icons/gridsome.svg" alt="Icono Gridsome">, o pega el código SVG en línea para darle estilo con CSS.