Icono Thumbs Down Sharp Fill
keyline-icons:thumbs-down-sharp-fill
El icono Thumbs Down Sharp Fill (keyline-icons:thumbs-down-sharp-fill) es un icono SVG gratuito de la colección Keyline Icons. Está dibujado en una cuadrícula de 24 × 24. Keyline Icons se publican bajo la licencia MIT, 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
- Keyline Icons
- Autor
- Keyline Icons
- Licencia
- MIT
- Tamaño
- 24 × 24
- Etiquetas
- thumbsdown, downsharp, sharpfill, thumbsdownsharpfill, thumb
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M22 15L16.7808 15L14.9701 22.2425C14.8589 22.6877 14.4589 23 14 23L9 23C8.4957 23 8.0703 22.6245 8.0077 22.124L7.1172 15L2 15C1.4477 15 1 14.5523 1 14C1 13.8801 1.0216 13.7612 1.0637 13.6489L5.5637 1.6489C5.71 1.2586 6.0832 1 6.5 1L22 1C22.5523 1 23 1.4477 23 2L23 14C23 14.5523 22.5523 15 22 15ZM21 13L21 3L17 3L17 13L21 13Z"/></svg>
Cómo usar el icono Thumbs Down Sharp Fill
React
import { Icon } from "@iconify/react";
<Icon icon="keyline-icons:thumbs-down-sharp-fill" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="keyline-icons:thumbs-down-sharp-fill" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="keyline-icons:thumbs-down-sharp-fill" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--thumbs-down-sharp-fill]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:thumbs-down-sharp-fill"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="keyline-icons:thumbs-down-sharp-fill"></iconify-icon>
Imagen HTML
<img src="https://iconyz.com/api/public/svg/keyline-icons/thumbs-down-sharp-fill.svg" alt="Icono Thumbs Down Sharp Fill" width="24" height="24">
Iconos relacionados en Keyline Icons
Preguntas frecuentes sobre Icono Thumbs Down Sharp Fill
¿El icono Thumbs Down Sharp Fill es gratis para uso comercial?
Sí. Keyline Icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Thumbs Down Sharp Fill en React?
Instala @iconify/react y renderiza <Icon icon="keyline-icons:thumbs-down-sharp-fill" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Thumbs Down Sharp Fill a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/keyline-icons/thumbs-down-sharp-fill.svg" alt="Icono Thumbs Down Sharp Fill">, o pega el código SVG en línea para darle estilo con CSS.
Ver todos los Keyline Icons →
ICONYZ
