Icono Grapes
whh:grapes
El icono Grapes (whh:grapes) es un icono SVG gratuito de la colección WebHostingHub Glyphs de WebHostingHub. Está dibujado en una cuadrícula de 1024 × 1024. WebHostingHub Glyphs icons se publican bajo la Open Font License, 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
- WebHostingHub Glyphs
- Autor
- WebHostingHub
- Licencia
- OFL-1.1
- Tamaño
- 1024 × 1024
- Etiquetas
- grape
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024"><path fill="currentColor" d="M992 192q-4-1-11-1.5t-27 0t-39.5 4.5t-44 16.5T826 244L697 374q-10 9-24 9t-24-9.5t-10-23.5t10-24q28-27 66-65q-11-22-11-69q0-22 9.5-40.5t21-29t22-26T768 64q0-5-7-18.5t-15.5-28T736 0q40 0 84 41t44 87q0 6-3 21q30-10 62.5-15.5T974 128h18q14 0 23 8.5t9 23.5q0 16-9 24t-23 8M512 448q-53 0-90.5-37.5T384 320t37.5-90.5T512 192t90.5 37.5T640 320t-37.5 90.5T512 448m-256 64q-53 0-90.5-37.5T128 384t37.5-90.5T256 256t90.5 37.5T384 384t-37.5 90.5T256 512m64 128q0 53-37.5 90.5T192 768t-90.5-37.5T64 640t37.5-90.5T192 512t90.5 37.5T320 640m-64 256q0 53-37.5 90.5T128 1024t-90.5-37.5T0 896t37.5-90.5T128 768t90.5 37.5T256 896m128-192q53 0 90.5 37.5T512 832t-37.5 90.5T384 960t-90.5-37.5T256 832t37.5-90.5T384 704m256-64q53 0 90.5 37.5T768 768t-37.5 90.5T640 896t-90.5-37.5T512 768t37.5-90.5T640 640m-192 64q-53 0-90.5-37.5T320 576t37.5-90.5T448 448t90.5 37.5T576 576t-37.5 90.5T448 704m128-192q0-53 37.5-90.5T704 384t90.5 37.5T832 512t-37.5 90.5T704 640t-90.5-37.5T576 512"/></svg>Cómo usar el icono Grapes
React
import { Icon } from "@iconify/react";
<Icon icon="whh:grapes" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="whh:grapes" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="whh:grapes" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--grapes]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:grapes"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="whh:grapes"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/whh/grapes.svg" alt="Icono Grapes" width="24" height="24">El icono Grapes en otras colecciones
Preguntas frecuentes sobre Icono Grapes
¿El icono Grapes es gratis para uso comercial?
Sí. WebHostingHub Glyphs icons se publican bajo la Open Font License, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Grapes en React?
Instala @iconify/react y renderiza <Icon icon="whh:grapes" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Grapes a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/whh/grapes.svg" alt="Icono Grapes">, o pega el código SVG en línea para darle estilo con CSS.