ICONYZ
Português (Brasil)
Ícone Thumbs Down de Fluent Emoji High Contrast

Ícone Thumbs Down

fluent-emoji-high-contrast:thumbs-down

O ícone Thumbs Down (fluent-emoji-high-contrast:thumbs-down) é um ícone SVG gratuito da coleção Fluent Emoji High Contrast de Microsoft Corporation. Ele é desenhado em uma grade de 32 × 32. Fluent Emoji High Contrast icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.

Coleção
Fluent Emoji High Contrast
Autor
Microsoft Corporation
Licença
MIT
Tamanho
32 × 32
Categoria
Pessoas e corpo
Tags
thumbsdown, thumb
Baixar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M6.7 3.928a9.95 9.95 0 0 0-2.7 7.4c0 5.69 2.653 7.46 4.785 8.882h.001a6.9 6.9 0 0 1 2.163 1.88c.319.514.363 1.044.363 4.363a4.53 4.53 0 0 0 1.263 3.372a4.4 4.4 0 0 0 3.068 1.189c2.231 0 3.785-1.42 4.247-3.9c.17-1.707.165-3.426-.013-5.131h3.293a3.834 3.834 0 0 0 3.83-3.83a4.2 4.2 0 0 0-.367-1.753c.822-.687 1.367-1.69 1.367-2.841v-.006a3.77 3.77 0 0 0-.84-2.432A3.64 3.64 0 0 0 28 8.809a3.7 3.7 0 0 0-.309-1.562l-.01-.024a3.5 3.5 0 0 0-.925-1.264q.128-.342.188-.725q.062-.373.056-.752v-.001c0-.928-.33-1.827-1.027-2.491a3 3 0 0 0-.262-.226A3.52 3.52 0 0 0 23.206.98h-3.894q-.078 0-.155.003H15.65c-3.95 0-6.963.987-8.95 2.945m9.331-.945h.252a3.9 3.9 0 0 0-.299 1.498c0 .535.187 1.344.673 2.054c-.525.801-.673 1.707-.673 2.274c0 .6.214 1.518.77 2.31a4 4 0 0 0-.657 1.454c-.603-1.847-1.69-3.882-3.637-5.566a1 1 0 1 0-1.31 1.513c2.094 1.81 3.016 4.136 3.41 6.054c.196.957.258 1.797.27 2.396a11 11 0 0 1-.02.907v.006a1 1 0 0 0 1.255 1.066c.088.46.256.974.535 1.45c.283.479.697.937 1.26 1.236c.15 1.702.17 3.413.062 5.119c-.423 2.266-1.8 2.262-2.3 2.26h-.036a2.35 2.35 0 0 1-1.61-.616a2.62 2.62 0 0 1-.665-1.946c0-3.342 0-4.351-.666-5.42A8.6 8.6 0 0 0 9.9 18.546l-.007-.005C7.896 17.207 6 15.941 6 11.327a7.94 7.94 0 0 1 2.1-5.973c1.66-1.632 4.316-2.417 7.931-2.371m7.14 0c.689 0 1.204.191 1.509.546c.2.236.32.556.32.952c0 .25-.025.448-.064.604a5.3 5.3 0 0 0-1.08-.106h-4.169c-.561 0-1.052.099-1.475.27a2 2 0 0 1-.087-.183a1.7 1.7 0 0 1-.14-.585c0-.413.131-.805.35-1.074c.184-.226.453-.4.87-.424zm2.32 7.004a5 5 0 0 0-1.635-.258h-4.285c-.44 0-.844.07-1.21.197a2.3 2.3 0 0 1-.218-.42c-.12-.3-.159-.564-.159-.697c0-.291.09-.791.35-1.186c.223-.336.594-.644 1.354-.644h4.168c.521 0 .92.1 1.22.248a1.68 1.68 0 0 1 .773.799c.097.226.151.488.151.783c-.01.302-.097.598-.253.857l-.011.019q-.104.16-.244.302m.303 2.683q.04.071.071.145c.087.217.135.466.135.744a1.8 1.8 0 0 1-.325.963q-.148.204-.359.373c-.6-.373-1.328-.572-2.146-.572h-3.858a3 3 0 0 0-1.05.188a2 2 0 0 1-.103-.215a2.1 2.1 0 0 1-.175-.737c0-.497.156-.974.42-1.305c.245-.306.608-.525 1.167-.525h4.285c.62 0 1.068.14 1.382.338c.232.152.423.358.556.603m-6.485 7.313c-.473-.002-.764-.225-.985-.6a2.7 2.7 0 0 1-.34-1.23c0-.377.136-.886.404-1.277c.254-.37.558-.553.924-.553h3.858c.69 0 1.118.227 1.38.51l.01.011a1.9 1.9 0 0 1 .305.508c.086.23.135.497.135.8a1.83 1.83 0 0 1-1.83 1.83H19.31"/></svg>

Como usar o ícone Thumbs Down

React

import { Icon } from "@iconify/react";

<Icon icon="fluent-emoji-high-contrast:thumbs-down" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="fluent-emoji-high-contrast:thumbs-down" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="fluent-emoji-high-contrast:thumbs-down" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-high-contrast--thumbs-down]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-high-contrast -->
<div class="i-fluent-emoji-high-contrast: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-high-contrast:thumbs-down"></iconify-icon>

Imagem HTML

<img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/thumbs-down.svg" alt="Ícone Thumbs Down" width="24" height="24">

Ícones relacionados em Fluent Emoji High Contrast

Ícone thumbs-up
thumbs-up

O ícone Thumbs Down em outras coleções

Ícone Thumbs Down de Lucide
Lucide
 Ícone Thumbs Down de Font Awesome 6 Solid
Font Awesome 6 Solid
 Ícone Thumbs Down de Phosphor
Phosphor
 Ícone Thumbs Down de Carbon
Carbon
 Ícone Thumbs Down de @icons
@icons
 Ícone Thumbs Down de Akar Icons
Akar Icons
 Ícone Thumbs Down de Dashicons
Dashicons
 Ícone Thumbs Down de Elusive Icons
Elusive Icons
 Ícone Thumbs Down de Emoji One (Colored)
Emoji One (Colored)
 Ícone Thumbs Down de Emoji One (Monotone)
Emoji One (Monotone)
 Ícone Thumbs Down de Emoji One (v1)
Emoji One (v1)
 Ícone Thumbs Down de Entypo+
Entypo+

Perguntas frequentes sobre Ícone Thumbs Down

O ícone Thumbs Down é grátis para uso comercial?

Sim. Fluent Emoji High Contrast icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.

Como uso o ícone Thumbs Down no React?

Instale @iconify/react e renderize <Icon icon="fluent-emoji-high-contrast:thumbs-down" />, ou use “Copiar código” nesta página para obter um componente React independente.

Como adiciono o ícone Thumbs Down a uma página web?

Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/thumbs-down.svg" alt="Ícone Thumbs Down">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.

Ver todos os Ícones Fluent Emoji High Contrast →