Icono Like Fill
grommet-icons:like-fill
El icono Like Fill (grommet-icons:like-fill) es un icono SVG gratuito de la colección Grommet Icons de Grommet. Está dibujado en una cuadrícula de 24 × 24. Grommet Icons se publican bajo la licencia Apache 2.0, 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
- Grommet Icons
- Autor
- Grommet
- Licencia
- Apache-2.0
- Tamaño
- 24 × 24
- Etiquetas
- likefill
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M11 0h-.997L10 .997L11 1l-1-.003v.261l-.002.698l-.006 2.207l-.008 4.163c0 .42-.155.83-.454 1.132C9.243 9.749 8.763 10 8 10H1.001L1 11v-1H0v14h1v-1v1h19c1.154 0 2.203-.29 2.957-1.043C23.711 22.203 24 21.154 24 20v-9.999L23 10h1V9h-7V4c0-1.154-.29-2.203-1.043-2.957C15.203.289 14.154 0 13 0zM5 12v10H2V12z" clip-rule="evenodd"/></svg>Cómo usar el icono Like Fill
React
import { Icon } from "@iconify/react";
<Icon icon="grommet-icons:like-fill" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="grommet-icons:like-fill" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="grommet-icons:like-fill" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[grommet-icons--like-fill]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/grommet-icons -->
<div class="i-grommet-icons:like-fill"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="grommet-icons:like-fill"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/grommet-icons/like-fill.svg" alt="Icono Like Fill" width="24" height="24">Iconos relacionados en Grommet Icons
El icono Like Fill en otras colecciones
Preguntas frecuentes sobre Icono Like Fill
¿El icono Like Fill es gratis para uso comercial?
Sí. Grommet Icons se publican bajo la licencia Apache 2.0, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Like Fill en React?
Instala @iconify/react y renderiza <Icon icon="grommet-icons:like-fill" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Like Fill a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/grommet-icons/like-fill.svg" alt="Icono Like Fill">, o pega el código SVG en línea para darle estilo con CSS.