Icono Thumbs Down
el:thumbs-down
El icono Thumbs Down (el:thumbs-down) es un icono SVG gratuito de la colección Elusive Icons de Team Redux. Está dibujado en una cuadrícula de 1200 × 1200. Elusive 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
- Elusive Icons
- Autor
- Team Redux
- Licencia
- OFL-1.1
- Tamaño
- 1200 × 1200
- Etiquetas
- thumbsdown, thumb
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="1200" viewBox="0 0 1200 1200"><path fill="currentColor" d="M1141.254 797.17H842.888c6.042 48.99 14.657 96.04 25.361 141.727c5.814 86.875-52.362 149.479-113.38 190.953q-23.869 14.92-50.723 7.459c-16.914-5.968-29.348-17.899-37.298-35.804L531.094 797.17H393.846c-36.075-2.562-59.249-27.021-59.675-59.673V134.795c2.563-36.075 27.023-59.249 59.675-59.673h551.979c30.137 2.299 59.875 13.033 84.289 26.853c42.318 25.706 72.122 61.157 85.779 104.429l83.543 519.159c4.976 39.367-23.686 71.109-58.182 71.607m-923.445 11.934H43.264C19.021 807.349.333 789.809 0 767.333V101.975c1.926-25.64 20.297-41.478 43.264-41.771h174.545c25.302 1.761 42.946 18.557 43.263 41.771v665.358c-2.085 24.651-21.115 41.471-43.263 41.771"/></svg>
Cómo usar el icono Thumbs Down
React
import { Icon } from "@iconify/react";
<Icon icon="el:thumbs-down" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="el:thumbs-down" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="el:thumbs-down" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[el--thumbs-down]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/el -->
<div class="i-el:thumbs-down"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="el:thumbs-down"></iconify-icon>
Imagen HTML
<img src="https://iconyz.com/api/public/svg/el/thumbs-down.svg" alt="Icono Thumbs Down" width="24" height="24">
Iconos relacionados en Elusive Icons
El icono Thumbs Down en otras colecciones
Preguntas frecuentes sobre Icono Thumbs Down
¿El icono Thumbs Down es gratis para uso comercial?
Sí. Elusive Icons se publican bajo la Open Font License, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Thumbs Down en React?
Instala @iconify/react y renderiza <Icon icon="el:thumbs-down" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Thumbs Down a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/el/thumbs-down.svg" alt="Icono Thumbs Down">, o pega el código SVG en línea para darle estilo con CSS.
Ver todos los Elusive Icons →
ICONYZ
