Icône Thumbs Down
fluent-emoji:thumbs-down
L'icône Thumbs Down (fluent-emoji:thumbs-down) est une icône SVG gratuite de la collection Fluent Emoji par Microsoft Corporation. Elle est dessinée sur une grille de 32 × 32. Les Fluent Emoji 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
- Fluent Emoji
- Auteur
- Microsoft Corporation
- Licence
- MIT
- Taille
- 32 × 32
- Mots-clés
- thumbsdown, thumb
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><g filter="url(#iuBDQIo)"><path fill="url(#iveYzqb)" d="M20.307 26.55a3.268 3.268 0 1 1-6.536 0v-3.76q-.001-.482.071-.96q.03-.177.048-.35c.036-.369-.008-.85-.258-1.173l.598-.576a9.28 9.28 0 0 1-5.05-8.275c0-.979.15-1.922.43-2.808l.99-6.466h8.051v.002c4.973.107 8.962 3.35 8.962 9.272c0 3.481-1.667 6.284-4.189 7.864l.006.005c-.172.12-.374.24-.591.371l-.002.001c-.715.429-1.59.953-2.05 1.81c-.4.743-.478 1.949-.478 2.508l-.002-.001z"/></g><path fill="url(#iLrMuQt)" d="M20.307 26.55a3.268 3.268 0 1 1-6.536 0v-3.76q-.001-.482.071-.96q.03-.177.048-.35c.036-.369-.008-.85-.258-1.173l.598-.576a9.28 9.28 0 0 1-5.05-8.275c0-.979.15-1.922.43-2.808l.99-6.466h8.051v.002c4.973.107 8.962 3.35 8.962 9.272c0 3.481-1.667 6.284-4.189 7.864l.006.005c-.172.12-.374.24-.591.371l-.002.001c-.715.429-1.59.953-2.05 1.81c-.4.743-.478 1.949-.478 2.508l-.002-.001z"/><path fill="url(#ikVi9lr)" d="M20.307 26.55a3.268 3.268 0 1 1-6.536 0v-3.76q-.001-.482.071-.96q.03-.177.048-.35c.036-.369-.008-.85-.258-1.173l.598-.576a9.28 9.28 0 0 1-5.05-8.275c0-.979.15-1.922.43-2.808l.99-6.466h8.051v.002c4.973.107 8.962 3.35 8.962 9.272c0 3.481-1.667 6.284-4.189 7.864l.006.005c-.172.12-.374.24-.591.371l-.002.001c-.715.429-1.59.953-2.05 1.81c-.4.743-.478 1.949-.478 2.508l-.002-.001z"/><path fill="url(#i8JUuld)" d="M20.307 26.55a3.268 3.268 0 1 1-6.536 0v-3.76q-.001-.482.071-.96q.03-.177.048-.35c.036-.369-.008-.85-.258-1.173l.598-.576a9.28 9.28 0 0 1-5.05-8.275c0-.979.15-1.922.43-2.808l.99-6.466h8.051v.002c4.973.107 8.962 3.35 8.962 9.272c0 3.481-1.667 6.284-4.189 7.864l.006.005c-.172.12-.374.24-.591.371l-.002.001c-.715.429-1.59.953-2.05 1.81c-.4.743-.478 1.949-.478 2.508l-.002-.001z"/><g filter="url(#iMzCA8d)"><path fill="#E69E12" d="M8.432 5.919c0 .468.122.907.336 1.283c-.855.428-1.445 1.34-1.445 2.394c0 .82.357 1.554.917 2.04a2.64 2.64 0 0 0-.878 1.98c0 1.04.585 1.936 1.431 2.35a2.65 2.65 0 0 0-.618 1.71c0 1.431 1.113 2.591 2.486 2.591h2.753c1.373 0 2.486-1.16 2.486-2.59a2.63 2.63 0 0 0-.891-1.988A2.63 2.63 0 0 0 16 13.616c0-.803-.35-1.52-.898-1.996c.55-.487.898-1.213.898-2.024c0-.728-.28-1.387-.736-1.866c.454-.459.736-1.1.736-1.811c0-1.393-1.083-2.521-2.419-2.521h-2.73c-1.336 0-2.42 1.128-2.42 2.52"/></g><g filter="url(#ifoj0Kr)"><path fill="#F8A047" d="M22.791 18.984c-3.643-2.241-7.3-.668-8.247 0l-.84-1.082c5.38-2.562 8.246-.36 9.087 1.081"/></g><rect width="5.784" height="8.988" x="6.703" y="21.013" fill="url(#i2ptMQd)" rx="2.892" transform="rotate(-90 6.703 21.013)"/><rect width="5.784" height="8.988" x="6.703" y="21.013" fill="url(#ibuhCpc)" rx="2.892" transform="rotate(-90 6.703 21.013)"/><rect width="5.784" height="8.988" x="6.703" y="21.013" fill="url(#iAJR3fc)" rx="2.892" transform="rotate(-90 6.703 21.013)"/><rect width="5.784" height="8.988" x="6.703" y="21.013" fill="url(#iDNbLIk)" rx="2.892" transform="rotate(-90 6.703 21.013)"/><rect width="5.784" height="8.988" x="6.703" y="21.013" fill="url(#iVyT0vd)" rx="2.892" transform="rotate(-90 6.703 21.013)"/><rect width="5.629" height="8.806" x="7.001" y="7.81" fill="url(#iMxM6Xb)" rx="2.814" transform="rotate(-90 7 7.81)"/><rect width="5.629" height="8.806" x="7.001" y="7.81" fill="url(#ilSZIac)" rx="2.814" transform="rotate(-90 7 7.81)"/><rect width="5.629" height="8.806" x="7.001" y="7.81" fill="url(#idYb0Yd)" rx="2.814" transform="rotate(-90 7 7.81)"/><rect width="5.629" height="8.806" x="7.001" y="7.81" fill="url(#imcq1Ad)" rx="2.814" transform="rotate(-90 7 7.81)"/><rect width="5.927" height="10.097" x="5.71" y="12.064" fill="url(#iieDZQc)" rx="2.91" transform="rotate(-90 5.71 12.064)"/><rect width="5.927" height="10.097" x="5.71" y="12.064" fill="url(#iBAAgie)" rx="2.91" transform="rotate(-90 5.71 12.064)"/><rect width="5.927" height="10.097" x="5.71" y="12.064" fill="url(#ivPd7Nc)" rx="2.91" transform="rotate(-90 5.71 12.064)"/><rect width="5.927" height="10.097" x="5.71" y="12.064" fill="url(#ilKaO5n)" rx="2.91" transform="rotate(-90 5.71 12.064)"/><rect width="5.797" height="10.051" x="5.756" y="16.486" fill="url(#ir88KPe)" rx="2.899" transform="rotate(-90 5.756 16.486)"/><rect width="5.797" height="10.051" x="5.756" y="16.486" fill="url(#i33HL3c)" rx="2.899" transform="rotate(-90 5.756 16.486)"/><rect width="5.797" height="10.051" x="5.756" y="16.486" fill="url(#iO2y47d)" rx="2.899" transform="rotate(-90 5.756 16.486)"/><rect width="5.797" height="10.051" x="5.756" y="16.486" fill="url(#iy0WbMe)" rx="2.899" transform="rotate(-90 5.756 16.486)"/><path fill="url(#i3YTIfd)" d="M19.107 29.082c.732-.6 1.2-1.511 1.2-2.532v-.19H18.83c-.005.196.005.7.085 1.14l.017.092c.082.444.176.953.175 1.49"/><path fill="url(#iG8pHBb)" d="M19.107 29.082c.732-.6 1.2-1.511 1.2-2.532v-.19H18.83c-.005.196.005.7.085 1.14l.017.092c.082.444.176.953.175 1.49"/><defs><radialGradient id="iLrMuQt" cx="0" cy="0" r="1" gradientTransform="matrix(-6.38547 3.48292 -3.99685 -7.3277 25.507 7.314)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFF163"/><stop offset="1" stop-color="#FFF163" stop-opacity="0"/></radialGradient><radialGradient id="ikVi9lr" cx="0" cy="0" r="1" gradientTransform="matrix(4.64396 0 0 9.96517 19.896 26.084)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFE14F"/><stop offset="1" stop-color="#FFE14F" stop-opacity="0"/></radialGradient><radialGradient id="i8JUuld" cx="0" cy="0" r="1" gradientTransform="scale(12.9389 20.0228)rotate(90 .413 .923)" gradientUnits="userSpaceOnUse"><stop offset=".902" stop-color="#D87E83" stop-opacity="0"/><stop offset=".993" stop-color="#D87E83"/></radialGradient><radialGradient id="iAJR3fc" cx="0" cy="0" r="1" gradientTransform="matrix(0 -2.58086 2.00356 0 10.256 28.655)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFE160"/><stop offset="1" stop-color="#FFE160" stop-opacity="0"/></radialGradient><radialGradient id="iDNbLIk" cx="0" cy="0" r="1" gradientTransform="matrix(-.9313 0 0 -4.89838 11.216 24.948)" gradientUnits="userSpaceOnUse"><stop stop-color="#DF7F02"/><stop offset="1" stop-color="#DF7F02" stop-opacity="0"/></radialGradient><radialGradient id="iVyT0vd" cx="0" cy="0" r="1" gradientTransform="matrix(-.17279 -7.31561 8.00204 -.189 9.594 28.328)" gradientUnits="userSpaceOnUse"><stop offset=".808" stop-color="#D8A96F" stop-opacity="0"/><stop offset="1" stop-color="#D8A96F"/></radialGradient><radialGradient id="ilSZIac" cx="0" cy="0" r="1" gradientTransform="matrix(1.06838 0 0 4.40184 7.885 12.125)" gradientUnits="userSpaceOnUse"><stop stop-color="#E69510"/><stop offset="1" stop-color="#E69510" stop-opacity="0"/></radialGradient><radialGradient id="idYb0Yd" cx="0" cy="0" r="1" gradientTransform="matrix(0 -2.78495 2.38236 0 10.787 14.998)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFEE65"/><stop offset="1" stop-color="#FFEE65" stop-opacity="0"/></radialGradient><radialGradient id="imcq1Ad" cx="0" cy="0" r="1" gradientTransform="matrix(-.16817 -7.16786 7.78679 -.18269 9.815 14.978)" gradientUnits="userSpaceOnUse"><stop offset=".808" stop-color="#D8A96F" stop-opacity="0"/><stop offset="1" stop-color="#D8A96F"/></radialGradient><radialGradient id="iBAAgie" cx="0" cy="0" r="1" gradientTransform="matrix(1.125 0 0 5.04687 6.642 17.011)" gradientUnits="userSpaceOnUse"><stop stop-color="#E69510"/><stop offset="1" stop-color="#E69510" stop-opacity="0"/></radialGradient><radialGradient id="ivPd7Nc" cx="0" cy="0" r="1" gradientTransform="matrix(0 -2.68226 2.10732 0 9.236 20.227)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFEE65"/><stop offset="1" stop-color="#FFEE65" stop-opacity="0"/></radialGradient><radialGradient id="ilKaO5n" cx="0" cy="0" r="1" gradientTransform="matrix(-.17705 -8.21822 8.20018 -.17667 8.674 20.282)" gradientUnits="userSpaceOnUse"><stop offset=".808" stop-color="#D8A96F" stop-opacity="0"/><stop offset="1" stop-color="#D8A96F"/></radialGradient><radialGradient id="i33HL3c" cx="0" cy="0" r="1" gradientTransform="matrix(2.38035 0 0 7.9345 5.5 20.031)" gradientUnits="userSpaceOnUse"><stop stop-color="#E48747"/><stop offset="1" stop-color="#E48747" stop-opacity="0"/></radialGradient><radialGradient id="iO2y47d" cx="0" cy="0" r="1" gradientTransform="matrix(0 -2.6702 2.06121 0 9.205 24.613)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFEE65"/><stop offset="1" stop-color="#FFEE65" stop-opacity="0"/></radialGradient><radialGradient id="iy0WbMe" cx="0" cy="0" r="1" gradientTransform="matrix(-.17323 -8.18127 8.02085 -.16983 8.655 24.668)" gradientUnits="userSpaceOnUse"><stop offset=".808" stop-color="#D8A96F" stop-opacity="0"/><stop offset="1" stop-color="#D8A96F"/></radialGradient><radialGradient id="iG8pHBb" cx="0" cy="0" r="1" gradientTransform="matrix(1.49778 1.02092 -2.22839 3.26927 18.6 27.254)" gradientUnits="userSpaceOnUse"><stop offset=".55" stop-color="#F4BBC8" stop-opacity="0"/><stop offset="1" stop-color="#F4BBC8"/></radialGradient><linearGradient id="iveYzqb" x1="26.587" x2="12.093" y1="8.105" y2="29.819" gradientUnits="userSpaceOnUse"><stop stop-color="#FFDB34"/><stop offset="1" stop-color="#E99A30"/></linearGradient><linearGradient id="i2ptMQd" x1="9.595" x2="9.595" y1="21.013" y2="30" gradientUnits="userSpaceOnUse"><stop stop-color="#EC9B2A"/><stop offset="1" stop-color="#FFC043"/></linearGradient><linearGradient id="ibuhCpc" x1="6.35" x2="8.227" y1="25.506" y2="25.506" gradientUnits="userSpaceOnUse"><stop stop-color="#D58191"/><stop offset="1" stop-color="#D67F8D" stop-opacity="0"/></linearGradient><linearGradient id="iMxM6Xb" x1="8.345" x2="10.69" y1="8.718" y2="15.823" gradientUnits="userSpaceOnUse"><stop stop-color="#F2A430"/><stop offset="1" stop-color="#FFCE27"/></linearGradient><linearGradient id="iieDZQc" x1="7.126" x2="10.001" y1="13.105" y2="21.105" gradientUnits="userSpaceOnUse"><stop stop-color="#F2A430"/><stop offset="1" stop-color="#FFCE27"/></linearGradient><linearGradient id="ir88KPe" x1="8.654" x2="8.654" y1="16.486" y2="25.515" gradientUnits="userSpaceOnUse"><stop stop-color="#F2A430"/><stop offset="1" stop-color="#FFCE27"/></linearGradient><linearGradient id="i3YTIfd" x1="20.307" x2="20.307" y1="26.044" y2="29.547" gradientUnits="userSpaceOnUse"><stop stop-color="#FFF598"/><stop offset="1" stop-color="#FFC99F"/></linearGradient><filter id="iuBDQIo" width="18.933" height="27.637" x="9.18" y="2.182" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".5"/><feGaussianBlur stdDeviation=".5"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.854902 0 0 0 0 0.584314 0 0 0 0 0.380392 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_20020_3042"/></filter><filter id="iMzCA8d" width="12.677" height="20.87" x="5.323" y="1.398" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_20020_3042" stdDeviation="1"/></filter><filter id="ifoj0Kr" width="12.088" height="5.26" x="12.203" y="15.224" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_20020_3042" stdDeviation=".75"/></filter></defs></g></svg>Comment utiliser l'icône Thumbs Down
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji:thumbs-down" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji:thumbs-down" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji:thumbs-down" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji--thumbs-down]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji -->
<div class="i-fluent-emoji:thumbs-down"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji:thumbs-down"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji/thumbs-down.svg" alt="Icône Thumbs Down" width="24" height="24">Icônes similaires dans Fluent Emoji
L'icône Thumbs Down dans d'autres collections
FAQ : Icône Thumbs Down
L'icône Thumbs Down est-elle gratuite pour un usage commercial ?
Oui. Les Fluent Emoji icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Thumbs Down dans React ?
Installez @iconify/react et affichez <Icon icon="fluent-emoji:thumbs-down" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Thumbs Down à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/fluent-emoji/thumbs-down.svg" alt="Icône Thumbs Down">, ou collez le code SVG directement dans la page pour le styliser en CSS.