angry icon

angry-solid from Myna UI Icons by Praveen Juge · Solid · MIT Free for personal and commercial use.

Name: angry-solid
Set: Myna UI Icons
Style: Solid
Viewbox: 24×24
License: MIT
Aliases: angry-circle-solid

1 other variant in Myna UI Icons

The same icon in other sets

angryBoxIcons v2 angryBoxIcons v2 Solid angryFont Awesome Regular angryFont Awesome Solid angryFirefox OS Emoji angryHealth Icons angryHuge Icons angryLine Awesome angryLucide angry-fillMingCute Icon angryPixelarticons angryTDesign Icons angryUnicons

Related icons in Myna UI Icons

angry-ghost angry-square

Use the angry icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M2.25 12c0 5.385 4.365 9.75 9.75 9.75s9.75-4.365 9.75-9.75S17.385 2.25 12 2.25S2.25 6.615 2.25 12m5.08-4.335a.75.75 0 0 1 1.005-.336l3 1.5a.75.75 0 1 1-.67 1.342l-.416-.208v.537a.75.75 0 1 1-1.5 0V10a.75.75 0 0 1 .33-.621L7.666 8.67a.75.75 0 0 1-.336-1.006m9.005 1.006l-1.415.708c.199.134.33.362.33.621v.5a.75.75 0 0 1-1.5 0v-.537l-.415.208a.75.75 0 1 1-.67-1.342l3-1.5a.75.75 0 1 1 .67 1.342m-7.782 6.727A5.77 5.77 0 0 1 12 14.25c1.285 0 2.474.427 3.447 1.148a.75.75 0 1 1-.894 1.204A4.27 4.27 0 0 0 12 15.75a4.27 4.27 0 0 0-2.553.852a.75.75 0 1 1-.894-1.204"/></svg>

React

import type { SVGProps } from "react";

export function MynauiAngrySolid(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M2.25 12c0 5.385 4.365 9.75 9.75 9.75s9.75-4.365 9.75-9.75S17.385 2.25 12 2.25S2.25 6.615 2.25 12m5.08-4.335a.75.75 0 0 1 1.005-.336l3 1.5a.75.75 0 1 1-.67 1.342l-.416-.208v.537a.75.75 0 1 1-1.5 0V10a.75.75 0 0 1 .33-.621L7.666 8.67a.75.75 0 0 1-.336-1.006m9.005 1.006l-1.415.708c.199.134.33.362.33.621v.5a.75.75 0 0 1-1.5 0v-.537l-.415.208a.75.75 0 1 1-.67-1.342l3-1.5a.75.75 0 1 1 .67 1.342m-7.782 6.727A5.77 5.77 0 0 1 12 14.25c1.285 0 2.474.427 3.447 1.148a.75.75 0 1 1-.894 1.204A4.27 4.27 0 0 0 12 15.75a4.27 4.27 0 0 0-2.553.852a.75.75 0 1 1-.894-1.204"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M2.25 12c0 5.385 4.365 9.75 9.75 9.75s9.75-4.365 9.75-9.75S17.385 2.25 12 2.25S2.25 6.615 2.25 12m5.08-4.335a.75.75 0 0 1 1.005-.336l3 1.5a.75.75 0 1 1-.67 1.342l-.416-.208v.537a.75.75 0 1 1-1.5 0V10a.75.75 0 0 1 .33-.621L7.666 8.67a.75.75 0 0 1-.336-1.006m9.005 1.006l-1.415.708c.199.134.33.362.33.621v.5a.75.75 0 0 1-1.5 0v-.537l-.415.208a.75.75 0 1 1-.67-1.342l3-1.5a.75.75 0 1 1 .67 1.342m-7.782 6.727A5.77 5.77 0 0 1 12 14.25c1.285 0 2.474.427 3.447 1.148a.75.75 0 1 1-.894 1.204A4.27 4.27 0 0 0 12 15.75a4.27 4.27 0 0 0-2.553.852a.75.75 0 1 1-.894-1.204"/></svg>
</template>

CSS

.icon-angry-solid {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M2.25%2012c0%205.385%204.365%209.75%209.75%209.75s9.75-4.365%209.75-9.75S17.385%202.25%2012%202.25S2.25%206.615%202.25%2012m5.08-4.335a.75.75%200%200%201%201.005-.336l3%201.5a.75.75%200%201%201-.67%201.342l-.416-.208v.537a.75.75%200%201%201-1.5%200V10a.75.75%200%200%201%20.33-.621L7.666%208.67a.75.75%200%200%201-.336-1.006m9.005%201.006l-1.415.708c.199.134.33.362.33.621v.5a.75.75%200%200%201-1.5%200v-.537l-.415.208a.75.75%200%201%201-.67-1.342l3-1.5a.75.75%200%201%201%20.67%201.342m-7.782%206.727A5.77%205.77%200%200%201%2012%2014.25c1.285%200%202.474.427%203.447%201.148a.75.75%200%201%201-.894%201.204A4.27%204.27%200%200%200%2012%2015.75a4.27%204.27%200%200%200-2.553.852a.75.75%200%201%201-.894-1.204%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M2.25%2012c0%205.385%204.365%209.75%209.75%209.75s9.75-4.365%209.75-9.75S17.385%202.25%2012%202.25S2.25%206.615%202.25%2012m5.08-4.335a.75.75%200%200%201%201.005-.336l3%201.5a.75.75%200%201%201-.67%201.342l-.416-.208v.537a.75.75%200%201%201-1.5%200V10a.75.75%200%200%201%20.33-.621L7.666%208.67a.75.75%200%200%201-.336-1.006m9.005%201.006l-1.415.708c.199.134.33.362.33.621v.5a.75.75%200%200%201-1.5%200v-.537l-.415.208a.75.75%200%201%201-.67-1.342l3-1.5a.75.75%200%201%201%20.67%201.342m-7.782%206.727A5.77%205.77%200%200%201%2012%2014.25c1.285%200%202.474.427%203.447%201.148a.75.75%200%201%201-.894%201.204A4.27%204.27%200%200%200%2012%2015.75a4.27%204.27%200%200%200-2.553.852a.75.75%200%201%201-.894-1.204%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mynaui/angry-solid.svg?color=%231a73e8&size=48