Icône Thumb Down Light
stash:thumb-down-light
L'icône Thumb Down Light (stash:thumb-down-light) 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, downlight, thumbdownlight
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.5c.801 0 1.5-.528 1.745-1.29l.8-2.492c.103-.32.273-.61.497-.852a9.2 9.2 0 0 0 1.555-2.3h.942a2 2 0 0 0 1.174.866c.256.068.552.068.95.068h.137c.397 0 .693 0 .949-.068a2 2 0 0 0 1.414-1.414c.068-.256.068-.552.068-.95V5.932c0-.397 0-.693-.068-.949a2 2 0 0 0-1.414-1.414c-.256-.068-.552-.068-.95-.068h-.137c-.398 0-.693 0-.949.068a2 2 0 0 0-1.214.932H10c-1.347 0-2.211.061-2.886.348a3.6 3.6 0 0 0-1.477 1.158c-.436.58-.64 1.342-.969 2.577l-.03.111l-.692 2.37l-.001.002l-.006.02c-.162.542-.294.98-.368 1.338c-.075.365-.105.705-.018 1.037c.132.509.447.95.886 1.235c.289.187.62.259.985.292c.355.033.802.033 1.35.033h2.642c-.65 1.792-.473 3.229-.181 4.152c.29.922 1.176 1.327 1.983 1.327zm5.235-15q-.005.194-.004.431v6.138q-.002.277.007.498h-1.28l-.226.49a8.2 8.2 0 0 1-1.424 2.13a3.3 3.3 0 0 0-.714 1.225l-.801 2.491a.84.84 0 0 1-.793.597h-.051c-.52 0-.91-.25-1.03-.628c-.262-.832-.44-2.268.428-4.14a.5.5 0 0 0-.453-.71H6.799c-.58 0-.98-.001-1.284-.03c-.3-.027-.443-.078-.533-.136a1.1 1.1 0 0 1-.462-.646c-.03-.114-.033-.277.03-.584c.065-.31.183-.706.354-1.276v-.003L5.6 8.97l.003-.011c.372-1.391.53-1.947.833-2.35c.28-.373.649-.662 1.068-.84C7.966 5.572 8.633 5.5 10 5.5zm3.255 7.966c-.111.03-.262.034-.759.034s-.648-.004-.759-.034a1 1 0 0 1-.707-.707c-.03-.111-.034-.262-.034-.759V6c0-.497.004-.648.034-.759a1 1 0 0 1 .707-.707c.111-.03.262-.034.759-.034s.648.004.759.034a1 1 0 0 1 .707.707c.03.111.034.262.034.759v6c0 .497-.004.648-.034.759a1 1 0 0 1-.707.707"/></svg>Comment utiliser l'icône Thumb Down Light
React
import { Icon } from "@iconify/react";
<Icon icon="stash:thumb-down-light" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="stash:thumb-down-light" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="stash:thumb-down-light" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[stash--thumb-down-light]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/stash -->
<div class="i-stash:thumb-down-light"></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-light"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/stash/thumb-down-light.svg" alt="Icône Thumb Down Light" width="24" height="24">Icônes similaires dans Stash Icons
FAQ : Icône Thumb Down Light
L'icône Thumb Down Light 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 Light dans React ?
Installez @iconify/react et affichez <Icon icon="stash:thumb-down-light" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Thumb Down Light à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/stash/thumb-down-light.svg" alt="Icône Thumb Down Light">, ou collez le code SVG directement dans la page pour le styliser en CSS.