Ícone Angry Face With Horns
twemoji:angry-face-with-horns
O ícone Angry Face With Horns (twemoji:angry-face-with-horns) é um ícone SVG gratuito da coleção Twitter Emoji de Twitter. Ele é desenhado em uma grade de 36 × 36. Twitter Emoji icons são publicados sob a licença CC BY 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- Twitter Emoji
- Autor
- Twitter
- Licença
- CC-BY-4.0
- Tamanho
- 36 × 36
- Categoria
- Carinhas e emoções
- Tags
- angryface, facewith, withhorns, angryfacewithhorns, horn
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><circle cx="18" cy="18" r="18" fill="#aa8dd8"/><path fill="#aa8dd8" d="M10 4C7.42 4 4.369 1.534 3.414.586A2 2 0 0 0 1.235.153A2 2 0 0 0 0 2c0 3.459 1.672 10 8 10a2 2 0 0 0 1.789-1.106l2-4A2 2 0 0 0 10 4M34.766.153a2 2 0 0 0-2.18.434C31.7 1.472 28.589 4 26 4a2 2 0 0 0-1.789 2.895l2 4A2 2 0 0 0 28 12c6.328 0 8-6.541 8-10c0-.809-.487-1.538-1.234-1.847"/><path fill="#553986" d="m15.894 14.211l-6-3a2.001 2.001 0 0 0-1.789 3.579l4.212 2.106c-.306.533-.317 1.105-.317 1.105v2s0 2 2 2s2-2 2-2v-2s-.003-.109-.025-.263a2 2 0 0 0 .814-.843a2 2 0 0 0-.895-2.684m12.895-2.105a2 2 0 0 0-2.684-.895l-6 3a2 2 0 0 0-.895 2.684c.186.372.476.654.814.843c-.021.154-.024.263-.024.263v2s0 2 2 2s2-2 2-2v-2s-.011-.572-.318-1.105l4.212-2.106a2 2 0 0 0 .895-2.684m-4.507 17.489c-.039-.165-.985-3.848-6.282-3.848c-5.291 0-6.245 3.69-6.282 3.848a.6.6 0 0 0 .274.661a.57.57 0 0 0 .703-.092c.015-.016 1.583-1.522 5.306-1.522s5.291 1.507 5.305 1.521a.57.57 0 0 0 .701.097a.61.61 0 0 0 .275-.665"/></svg>
Como usar o ícone Angry Face With Horns
React
import { Icon } from "@iconify/react";
<Icon icon="twemoji:angry-face-with-horns" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="twemoji:angry-face-with-horns" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="twemoji:angry-face-with-horns" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[twemoji--angry-face-with-horns]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/twemoji -->
<div class="i-twemoji:angry-face-with-horns"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="twemoji:angry-face-with-horns"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/twemoji/angry-face-with-horns.svg" alt="Ícone Angry Face With Horns" width="24" height="24">
Ícones relacionados em Twitter Emoji
O ícone Angry Face With Horns em outras coleções
Perguntas frequentes sobre Ícone Angry Face With Horns
O ícone Angry Face With Horns é grátis para uso comercial?
Sim. Twitter Emoji icons são publicados sob a licença CC BY 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor.
Como uso o ícone Angry Face With Horns no React?
Instale @iconify/react e renderize <Icon icon="twemoji:angry-face-with-horns" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Angry Face With Horns a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/twemoji/angry-face-with-horns.svg" alt="Ícone Angry Face With Horns">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Ícones Twitter Emoji →
ICONYZ
