angry icon
angry from Line Awesome by Icons8 · Line · Emoji · Apache-2.0 Free for personal and commercial use.
- Name
- angry
- Set
- Line Awesome
- Style
- Line
- Category
- Emoji
- Viewbox
- 32×32
- License
- Apache 2.0
The same icon in other sets
More emoji icons from Line Awesome
Use the angry icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M16 4C9.383 4 4 9.383 4 16s5.383 12 12 12s12-5.383 12-12S22.617 4 16 4m0 2c5.535 0 10 4.465 10 10s-4.465 10-10 10S6 21.535 6 16S10.465 6 16 6m-5.313 6A2.35 2.35 0 0 0 10 13.656A2.346 2.346 0 0 0 12.344 16c.644 0 1.234-.262 1.656-.688zm10.626 0L18 15.313a2.33 2.33 0 0 0 1.656.687A2.346 2.346 0 0 0 22 13.656c0-.644-.262-1.234-.688-1.656zm-2.75 5.844a4 4 0 0 0-.438.031c-1.121.168-1.969.781-2.719 1.281s-1.41.89-1.906.969s-.941 0-1.781-.844L10.28 20.72c1.133 1.14 2.422 1.55 3.531 1.375c1.11-.176 1.942-.785 2.688-1.282c.746-.496 1.387-.859 1.906-.937c.52-.078 1.032-.012 1.907.844l1.375-1.438c-1.024-1-2.114-1.453-3.125-1.437z"/></svg>
React
import type { SVGProps } from "react";
export function LaAngry(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M16 4C9.383 4 4 9.383 4 16s5.383 12 12 12s12-5.383 12-12S22.617 4 16 4m0 2c5.535 0 10 4.465 10 10s-4.465 10-10 10S6 21.535 6 16S10.465 6 16 6m-5.313 6A2.35 2.35 0 0 0 10 13.656A2.346 2.346 0 0 0 12.344 16c.644 0 1.234-.262 1.656-.688zm10.626 0L18 15.313a2.33 2.33 0 0 0 1.656.687A2.346 2.346 0 0 0 22 13.656c0-.644-.262-1.234-.688-1.656zm-2.75 5.844a4 4 0 0 0-.438.031c-1.121.168-1.969.781-2.719 1.281s-1.41.89-1.906.969s-.941 0-1.781-.844L10.28 20.72c1.133 1.14 2.422 1.55 3.531 1.375c1.11-.176 1.942-.785 2.688-1.282c.746-.496 1.387-.859 1.906-.937c.52-.078 1.032-.012 1.907.844l1.375-1.438c-1.024-1-2.114-1.453-3.125-1.437z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M16 4C9.383 4 4 9.383 4 16s5.383 12 12 12s12-5.383 12-12S22.617 4 16 4m0 2c5.535 0 10 4.465 10 10s-4.465 10-10 10S6 21.535 6 16S10.465 6 16 6m-5.313 6A2.35 2.35 0 0 0 10 13.656A2.346 2.346 0 0 0 12.344 16c.644 0 1.234-.262 1.656-.688zm10.626 0L18 15.313a2.33 2.33 0 0 0 1.656.687A2.346 2.346 0 0 0 22 13.656c0-.644-.262-1.234-.688-1.656zm-2.75 5.844a4 4 0 0 0-.438.031c-1.121.168-1.969.781-2.719 1.281s-1.41.89-1.906.969s-.941 0-1.781-.844L10.28 20.72c1.133 1.14 2.422 1.55 3.531 1.375c1.11-.176 1.942-.785 2.688-1.282c.746-.496 1.387-.859 1.906-.937c.52-.078 1.032-.012 1.907.844l1.375-1.438c-1.024-1-2.114-1.453-3.125-1.437z"/></svg> </template>
CSS
.icon-angry {
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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M16%204C9.383%204%204%209.383%204%2016s5.383%2012%2012%2012s12-5.383%2012-12S22.617%204%2016%204m0%202c5.535%200%2010%204.465%2010%2010s-4.465%2010-10%2010S6%2021.535%206%2016S10.465%206%2016%206m-5.313%206A2.35%202.35%200%200%200%2010%2013.656A2.346%202.346%200%200%200%2012.344%2016c.644%200%201.234-.262%201.656-.688zm10.626%200L18%2015.313a2.33%202.33%200%200%200%201.656.687A2.346%202.346%200%200%200%2022%2013.656c0-.644-.262-1.234-.688-1.656zm-2.75%205.844a4%204%200%200%200-.438.031c-1.121.168-1.969.781-2.719%201.281s-1.41.89-1.906.969s-.941%200-1.781-.844L10.28%2020.72c1.133%201.14%202.422%201.55%203.531%201.375c1.11-.176%201.942-.785%202.688-1.282c.746-.496%201.387-.859%201.906-.937c.52-.078%201.032-.012%201.907.844l1.375-1.438c-1.024-1-2.114-1.453-3.125-1.437z%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M16%204C9.383%204%204%209.383%204%2016s5.383%2012%2012%2012s12-5.383%2012-12S22.617%204%2016%204m0%202c5.535%200%2010%204.465%2010%2010s-4.465%2010-10%2010S6%2021.535%206%2016S10.465%206%2016%206m-5.313%206A2.35%202.35%200%200%200%2010%2013.656A2.346%202.346%200%200%200%2012.344%2016c.644%200%201.234-.262%201.656-.688zm10.626%200L18%2015.313a2.33%202.33%200%200%200%201.656.687A2.346%202.346%200%200%200%2022%2013.656c0-.644-.262-1.234-.688-1.656zm-2.75%205.844a4%204%200%200%200-.438.031c-1.121.168-1.969.781-2.719%201.281s-1.41.89-1.906.969s-.941%200-1.781-.844L10.28%2020.72c1.133%201.14%202.422%201.55%203.531%201.375c1.11-.176%201.942-.785%202.688-1.282c.746-.496%201.387-.859%201.906-.937c.52-.078%201.032-.012%201.907.844l1.375-1.438c-1.024-1-2.114-1.453-3.125-1.437z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/la/angry.svg?color=%231a73e8&size=48
