Angry Face With Horns icon

emojione-monotone:angry-face-with-horns

The Angry Face With Horns icon (emojione-monotone:angry-face-with-horns) is a free SVG icon from the Emoji One (Monotone) set by Emoji One. It is drawn on a 64 × 64 grid. Emoji One (Monotone) icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Emoji One (Monotone)
Author: Emoji One
License: CC-BY-4.0
Size: 64 × 64
Category: People
Tags: angryface, facewith, withhorns, angryfacewithhorns, horn

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="currentColor" d="m64 38.771l-7.453 1.475A26.9 26.9 0 0 0 59 29.001c0-4.433-1.08-8.607-2.976-12.297c2.069-2.488 3.257-7.521-.29-16.704c0 0-1.698 5.223-5.554 9.041A26.9 26.9 0 0 0 32 2a26.9 26.9 0 0 0-18.181 7.042C9.963 5.224 8.268 0 8.268 0C4.72 9.182 5.905 14.216 7.975 16.704A26.84 26.84 0 0 0 5 29.001c0 4.014.883 7.82 2.454 11.244L0 38.771s2.725 1.871 2.725 5.328C2.725 48.05 0 53.525 0 53.525s2.384-.366 5.008-.366c2.285 0 4.748.278 5.974 1.313C13.567 56.654 15 64 15 64s2.717-5 6.382-5c3.938 0 5.313 2.886 5.313 2.886l.774-6.271c1.475.247 2.986.385 4.531.385s3.056-.138 4.53-.386l.775 6.271s1.375-2.886 5.313-2.886C46.283 59 49 64 49 64s1.434-7.346 4.018-9.528c1.226-1.034 3.692-1.313 5.974-1.313c2.625 0 5.009.366 5.009.366c-.002-.002-2.726-5.476-2.726-9.427C61.274 40.642 64 38.771 64 38.771M55.147 6.81c.748 3.962.139 6.219-.427 7.354c-.743 1.5-1.774 1.935-2.181 2.052a1.7 1.7 0 0 1-.448.061c-.955 0-1.976-.73-2.319-1.664c-.436-1.162.417-2.219 1.205-2.901c1.722-1.488 3.103-3.24 4.17-4.902m-46.295.002c1.07 1.662 2.449 3.413 4.17 4.899c.789.683 1.641 1.739 1.208 2.901c-.347.934-1.365 1.664-2.32 1.664c-.154 0-.308-.021-.448-.061c-.408-.119-1.439-.552-2.183-2.052c-.562-1.135-1.172-3.39-.427-7.351M3.594 41.011l4.706.931q.577 1.052 1.24 2.043L2.805 50.72c.719-1.981 1.421-4.46 1.421-6.622a7.8 7.8 0 0 0-.632-3.087m12.082 19.495c-.73-2.475-1.961-5.691-3.725-7.18c-1.328-1.121-3.599-1.667-6.943-1.667c-.823 0-1.607.037-2.322.085l8.452-5.604a27.1 27.1 0 0 0 6.608 5.788l-1.915 8.414c-.05.055-.106.109-.155.164m9.909-1.87c-1.021-.634-2.397-1.136-4.203-1.136c-1.467 0-2.771.572-3.873 1.356l2.712-5.557a26.8 26.8 0 0 0 5.771 2.021zM7.5 29.001c0-3.837.895-7.466 2.474-10.702c.271.131.541.244.798.318q.564.16 1.139.158c3.452 0 6.799-4.166 3.697-7.966C19.953 6.891 25.702 4.5 32 4.5s12.047 2.39 16.392 6.31c-3.098 3.799.246 7.966 3.7 7.966q.575.001 1.139-.158c.256-.074.526-.187.796-.318a24.3 24.3 0 0 1 2.474 10.701C56.5 42.511 45.509 53.5 32 53.5S7.5 42.511 7.5 29.001M42.618 57.5c-1.804 0-3.181.502-4.203 1.136l-.408-3.314a27 27 0 0 0 5.772-2.021l2.712 5.557c-1.102-.786-2.406-1.358-3.873-1.358m16.373-5.841c-3.344 0-5.611.546-6.939 1.667c-1.764 1.488-2.998 4.705-3.728 7.18c-.05-.055-.105-.108-.156-.163l-1.915-8.413a27.2 27.2 0 0 0 6.608-5.788l8.452 5.603a34 34 0 0 0-2.322-.086m-4.531-7.672a27 27 0 0 0 1.24-2.045l4.706-.932a7.8 7.8 0 0 0-.632 3.088c0 2.103.68 4.586 1.412 6.614z"/><path fill="currentColor" d="M17.069 37.407c0 6.676 5.233 13.768 14.931 13.768c9.696 0 14.929-7.092 14.929-13.768v-.748h-29.86zm5.891.416h22.603l-2.261 4.133l-2.262-4.133l-2.259 4.133l-2.261-4.133l-2.262 4.133L32 37.823l-2.259 4.133l-2.261-4.133l-2.262 4.133zl-2.261 4.133l-2.26-4.133zm25.535-14.839a31 31 0 0 1 3.996-.634c-1.482-.969-3.306-1.357-5.094-1.35a12.8 12.8 0 0 0-5.232 1.195c-1.634.75-3.134 1.855-4.301 3.221c-1.163 1.367-2.029 3.026-2.222 4.792a29 29 0 0 1 3.057-2.68a.5.5 0 0 0 .042.229a5.457 5.457 0 0 0 7.248 2.639a5.456 5.456 0 0 0 2.634-7.249a.5.5 0 0 0-.128-.163m-23.236 4.773a.54.54 0 0 0 .039-.23a29 29 0 0 1 3.055 2.682c-.188-1.766-1.056-3.422-2.216-4.792a12.6 12.6 0 0 0-4.302-3.221a12.8 12.8 0 0 0-5.232-1.195c-1.791-.008-3.612.381-5.095 1.35c1.434.139 2.738.344 3.995.634a.5.5 0 0 0-.128.163a5.456 5.456 0 0 0 2.634 7.249a5.46 5.46 0 0 0 7.25-2.64"/></svg>

How to use the Angry Face With Horns icon

React

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

<Icon icon="emojione-monotone:angry-face-with-horns" width="24" />

Vue

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

<template>
  <Icon icon="emojione-monotone:angry-face-with-horns" width="24" />
</template>

Svelte

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

<Icon icon="emojione-monotone:angry-face-with-horns" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione-monotone--angry-face-with-horns]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/emojione-monotone -->
<div class="i-emojione-monotone: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="emojione-monotone:angry-face-with-horns"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/emojione-monotone/angry-face-with-horns.svg" alt="Angry Face With Horns icon" width="24" height="24">

Related icons in Emoji One (Monotone)

Angry Face With Horns icon in other icon sets

Angry Face With Horns icon FAQ

Is the Angry Face With Horns icon free for commercial use?

Yes. Emoji One (Monotone) icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.

How do I use the Angry Face With Horns icon in React?

Install @iconify/react and render <Icon icon="emojione-monotone:angry-face-with-horns" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Angry Face With Horns icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/emojione-monotone/angry-face-with-horns.svg" alt="Angry Face With Horns icon">, or paste the SVG code inline to style it with CSS.

Browse all Emoji One (Monotone) icons →