Ícone Dislike
fontisto:dislike
O ícone Dislike (fontisto:dislike) é um ícone SVG gratuito da coleção Fontisto de Kenan Gündoğan. Ele é desenhado em uma grade de 27 × 24. Fontisto 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
- Fontisto
- Autor
- Kenan Gündoğan
- Licença
- MIT
- Tamanho
- 27 × 24
- Categoria
- Mão
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="27" height="24" viewBox="0 0 27 24"><path fill="currentColor" d="M10.355 23.783a3.3 3.3 0 0 1-.506-.299l.01.007l-.106-.071a1.02 1.02 0 0 1-.501-.599l-.002-.007a117 117 0 0 1-.518-1.964l-.066-.259a8 8 0 0 1-.244-1.171l-.005-.043c.172-1.574.501-3.011.976-4.378l-.042.138l-7.692.012h-.027A1.644 1.644 0 0 1 0 13.303l-.001.008a1.98 1.98 0 0 1 .897-1.785l.008-.005a2.18 2.18 0 0 1-.371-1.401v.007a1.85 1.85 0 0 1 1.135-1.871l.012-.004a2.4 2.4 0 0 1-.298-1.311v.006a1.9 1.9 0 0 1 .885-1.735l.008-.005a2.8 2.8 0 0 1-.224-1.462l-.001.013v-.185a1.834 1.834 0 0 1 2.007-1.719l-.007-.001h10.373q.077.002.16-.007a3 3 0 0 1 .214-.01h.016q.156 0 .299.04l-.008-.002q.277.094.493.253l-.005-.004l.1.063c.234.144.462.298.69.451l.102.072c.131.094.194.136.262.133l.72-.01v9.155l.013.769c-.451.288-.867.56-.993.664a7.4 7.4 0 0 1-.523.901l.017-.026q-.13.2-.248.4l-1.729 2.89q-.122.204-.254.407c-.164.26-.329.52-.465.79a.9.9 0 0 0-.079.521l-.001-.005l.006 3.12a1.53 1.53 0 0 1-.679 1.074l-.006.004a1.97 1.97 0 0 1-1.155.499h-.093a2.1 2.1 0 0 1-.931-.222l.012.006zm7.76-10.757V0h7.016c.17 0 .31.13.326.295v.001l1.218 12.368l.002.032a.33.33 0 0 1-.329.329zm3.624-1.76c0 .181.147.328.328.328h2.511a.329.329 0 1 0 0-.658h-2.51a.327.327 0 0 0-.328.327zm-1.873 0c0 .181.147.328.328.328h.774a.329.329 0 1 0 0-.658h-.774a.327.327 0 0 0-.327.327zm-.694-8a1.3 1.3 0 1 0 2.596.002a1.3 1.3 0 0 0-2.595-.003zm.657 0a.64.64 0 1 1 1.28.001a.64.64 0 0 1-1.279-.001v-.001z"/></svg>
Como usar o ícone Dislike
React
import { Icon } from "@iconify/react";
<Icon icon="fontisto:dislike" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fontisto:dislike" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fontisto:dislike" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fontisto--dislike]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fontisto -->
<div class="i-fontisto:dislike"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fontisto:dislike"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/fontisto/dislike.svg" alt="Ícone Dislike" width="24" height="24">
O ícone Dislike em outras coleções
Perguntas frequentes sobre Ícone Dislike
O ícone Dislike é grátis para uso comercial?
Sim. Fontisto icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Dislike no React?
Instale @iconify/react e renderize <Icon icon="fontisto:dislike" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Dislike a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/fontisto/dislike.svg" alt="Ícone Dislike">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Ícones Fontisto →
ICONYZ
