Icône Thumb Down
stash:thumb-down
L'icône Thumb Down (stash:thumb-down) est une icône SVG gratuite de la collection Stash Icons par Pingback LLC. Elle est dessinée sur une grille de 24 × 24. Les Stash Icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.
- Collection
- Stash Icons
- Auteur
- Pingback LLC
- Licence
- MIT
- Taille
- 24 × 24
- Mots-clés
- thumbdown
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M11.269 20.75a2.09 2.09 0 0 0 1.983-1.464l.8-2.491c.092-.285.244-.545.443-.76a9.5 9.5 0 0 0 1.528-2.218h.652c.299.413.734.72 1.242.856c.29.078.618.078.999.077h.168c.38 0 .71 0 .998-.077a2.25 2.25 0 0 0 1.591-1.59c.078-.29.077-.618.077-1V5.917c0-.38 0-.71-.077-.998a2.25 2.25 0 0 0-1.59-1.591c-.29-.078-.618-.077-1-.077h-.167c-.38 0-.71 0-.998.077a2.25 2.25 0 0 0-1.289.923H10c-1.341 0-2.256.058-2.984.367a3.87 3.87 0 0 0-1.58 1.24c-.465.618-.68 1.426-.999 2.622l-.04.148l-.692 2.367l-.008.03c-.16.534-.294.98-.37 1.35c-.079.379-.117.764-.016 1.15c.147.568.5 1.063.992 1.382c.339.219.717.296 1.098.331c.367.034.823.034 1.364.034h2.302c-.533 1.694-.358 3.066-.07 3.977c.333 1.058 1.342 1.502 2.221 1.502zm4.98-15v6.334l.001.233h-1.182l-.294.636a8 8 0 0 1-1.38 2.064a3.5 3.5 0 0 0-.77 1.319l-.8 2.49a.59.59 0 0 1-.555.424h-.051c-.45 0-.714-.21-.791-.454c-.246-.779-.424-2.15.416-3.959a.75.75 0 0 0-.68-1.066H6.799c-.584 0-.97 0-1.26-.027c-.285-.027-.38-.072-.421-.098a.85.85 0 0 1-.356-.5c-.015-.058-.027-.177.034-.47c.06-.296.175-.68.347-1.254l.001-.005l.698-2.386l.003-.008c.377-1.413.523-1.91.79-2.265c.255-.338.589-.6.967-.76C8.01 5.825 8.628 5.75 10 5.75zm3.445 7.474c-.071.02-.18.026-.694.026c-.513 0-.623-.006-.694-.026a.75.75 0 0 1-.53-.53c-.02-.071-.026-.18-.026-.694V6c0-.513.006-.623.025-.694a.75.75 0 0 1 .53-.53c.072-.02.182-.026.695-.026s.623.006.694.026a.75.75 0 0 1 .53.53c.02.071.026.18.026.694v6c0 .513-.007.623-.026.694a.75.75 0 0 1-.53.53"/></svg>
Comment utiliser l'icône Thumb Down
React
import { Icon } from "@iconify/react";
<Icon icon="stash:thumb-down" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="stash:thumb-down" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="stash:thumb-down" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[stash--thumb-down]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/stash -->
<div class="i-stash:thumb-down"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="stash:thumb-down"></iconify-icon>
Image HTML
<img src="https://iconyz.com/api/public/svg/stash/thumb-down.svg" alt="Icône Thumb Down" width="24" height="24">
Icônes similaires dans Stash Icons
L'icône Thumb Down dans d'autres collections
FAQ : Icône Thumb Down
L'icône Thumb Down est-elle gratuite pour un usage commercial ?
Oui. Les Stash Icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Thumb Down dans React ?
Installez @iconify/react et affichez <Icon icon="stash:thumb-down" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Thumb Down à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/stash/thumb-down.svg" alt="Icône Thumb Down">, ou collez le code SVG directement dans la page pour le styliser en CSS.
Voir toutes les Stash Icons →
ICONYZ
