angry face emoji

The same emoji in other sets

More smileys & emotion icons from Noto Emoji

Use the angry face emoji

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><defs><radialGradient id="SVGEjWQ7d9e" cx="64" cy="-2710" r="56.96" fx="64" fy="-2710" gradientTransform="matrix(1 0 0 -1 0 -2646)" gradientUnits="userSpaceOnUse"><stop offset=".5" stop-color="#fde030"/><stop offset=".92" stop-color="#f7c02b"/><stop offset="1" stop-color="#f4a223"/></radialGradient></defs><g stroke-width="0"><path fill="url(#SVGEjWQ7d9e)" d="M64 119.9c-27.9 0-58-17.5-58-55.9S36.1 8.1 64 8.1c15.5 0 29.8 5.1 40.4 14.4C115.9 32.7 122 47.1 122 64s-6.1 31.2-17.6 41.4c-10.6 9.3-25 14.5-40.4 14.5"/><path fill="#eb8f00" d="M111.89 30.77C117.22 39.37 120 49.61 120 61c0 16.9-6.1 31.2-17.6 41.4c-10.6 9.3-25 14.5-40.4 14.5c-18.06 0-37-7.35-48.18-22.94c10.76 17.66 31 25.94 50.18 25.94c15.4 0 29.8-5.2 40.4-14.5C115.9 95.2 122 80.9 122 64c0-12.74-3.47-24.06-10.11-33.23"/></g><g stroke-width="0"><path fill="#422b0d" d="M83.2 104.24a2.2 2.2 0 0 1-.89-.62c-9.73-10.11-25.82-10.42-35.93-.69c-.23.23-.47.46-.69.69c-.24.28-.55.49-.89.62c-.75.28-1.6.12-2.2-.41c-.59-.52-.79-1.35-.49-2.08C45.09 94.1 53.95 88.1 64 88.1s18.91 6 21.89 13.64c.3.73.1 1.56-.49 2.08c-.6.53-1.45.69-2.2.42M57.38 69.92c-2.24-2.82-11.47-8.24-14.8-9.82c-1.24-.57-2.53-1.03-3.85-1.37c-.24-.07-.5-.1-.75-.1a2.87 2.87 0 0 0-2.74 2.29a2.92 2.92 0 0 0 1.67 3.32c1.57.77 4.31 2.23 7.15 3.84a7.83 7.83 0 0 0-3.82 6.73v1.46c0 4.14 3.36 7.5 7.5 7.5s7.5-3.36 7.5-7.5v-1.63c1.07-.07 2.03-.71 2.5-1.67c.49-1 .35-2.19-.36-3.05m35.38-9a2.87 2.87 0 0 0-2.79-2.27c-.25 0-.51.03-.75.1c-1.32.33-2.61.79-3.85 1.35c-3.33 1.56-12.56 7-14.8 9.8a2.84 2.84 0 0 0-.33 3.07c.48.97 1.43 1.6 2.51 1.67v1.63c0 4.14 3.36 7.5 7.5 7.5s7.5-3.36 7.5-7.5v-1.46c0-2.75-1.45-5.3-3.81-6.71c2.84-1.61 5.58-3.07 7.15-3.84c1.29-.56 2-1.97 1.67-3.34"/><path fill="#896024" d="M47.36 69.55a2.874 2.874 0 0 0-3.82 1.34c-.53 1.11-.29 2.44.6 3.3c1.42.68 3.13.08 3.82-1.34c.53-1.11.29-2.44-.6-3.3m32.51 0a2.874 2.874 0 0 0-3.82 1.34c-.53 1.11-.29 2.44.6 3.3c1.42.68 3.13.08 3.82-1.34c.53-1.11.29-2.44-.6-3.3"/></g></svg>

import type { SVGProps } from "react";

export function NotoAngryFace(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><defs><radialGradient id="SVGEjWQ7d9e" cx="64" cy="-2710" r="56.96" fx="64" fy="-2710" gradientTransform="matrix(1 0 0 -1 0 -2646)" gradientUnits="userSpaceOnUse"><stop offset=".5" stopColor="#fde030"/><stop offset=".92" stopColor="#f7c02b"/><stop offset="1" stopColor="#f4a223"/></radialGradient></defs><g strokeWidth="0"><path fill="url(#SVGEjWQ7d9e)" d="M64 119.9c-27.9 0-58-17.5-58-55.9S36.1 8.1 64 8.1c15.5 0 29.8 5.1 40.4 14.4C115.9 32.7 122 47.1 122 64s-6.1 31.2-17.6 41.4c-10.6 9.3-25 14.5-40.4 14.5"/><path fill="#eb8f00" d="M111.89 30.77C117.22 39.37 120 49.61 120 61c0 16.9-6.1 31.2-17.6 41.4c-10.6 9.3-25 14.5-40.4 14.5c-18.06 0-37-7.35-48.18-22.94c10.76 17.66 31 25.94 50.18 25.94c15.4 0 29.8-5.2 40.4-14.5C115.9 95.2 122 80.9 122 64c0-12.74-3.47-24.06-10.11-33.23"/></g><g strokeWidth="0"><path fill="#422b0d" d="M83.2 104.24a2.2 2.2 0 0 1-.89-.62c-9.73-10.11-25.82-10.42-35.93-.69c-.23.23-.47.46-.69.69c-.24.28-.55.49-.89.62c-.75.28-1.6.12-2.2-.41c-.59-.52-.79-1.35-.49-2.08C45.09 94.1 53.95 88.1 64 88.1s18.91 6 21.89 13.64c.3.73.1 1.56-.49 2.08c-.6.53-1.45.69-2.2.42M57.38 69.92c-2.24-2.82-11.47-8.24-14.8-9.82c-1.24-.57-2.53-1.03-3.85-1.37c-.24-.07-.5-.1-.75-.1a2.87 2.87 0 0 0-2.74 2.29a2.92 2.92 0 0 0 1.67 3.32c1.57.77 4.31 2.23 7.15 3.84a7.83 7.83 0 0 0-3.82 6.73v1.46c0 4.14 3.36 7.5 7.5 7.5s7.5-3.36 7.5-7.5v-1.63c1.07-.07 2.03-.71 2.5-1.67c.49-1 .35-2.19-.36-3.05m35.38-9a2.87 2.87 0 0 0-2.79-2.27c-.25 0-.51.03-.75.1c-1.32.33-2.61.79-3.85 1.35c-3.33 1.56-12.56 7-14.8 9.8a2.84 2.84 0 0 0-.33 3.07c.48.97 1.43 1.6 2.51 1.67v1.63c0 4.14 3.36 7.5 7.5 7.5s7.5-3.36 7.5-7.5v-1.46c0-2.75-1.45-5.3-3.81-6.71c2.84-1.61 5.58-3.07 7.15-3.84c1.29-.56 2-1.97 1.67-3.34"/><path fill="#896024" d="M47.36 69.55a2.874 2.874 0 0 0-3.82 1.34c-.53 1.11-.29 2.44.6 3.3c1.42.68 3.13.08 3.82-1.34c.53-1.11.29-2.44-.6-3.3m32.51 0a2.874 2.874 0 0 0-3.82 1.34c-.53 1.11-.29 2.44.6 3.3c1.42.68 3.13.08 3.82-1.34c.53-1.11.29-2.44-.6-3.3"/></g></svg>
  );
}

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><defs><radialGradient id="SVGEjWQ7d9e" cx="64" cy="-2710" r="56.96" fx="64" fy="-2710" gradientTransform="matrix(1 0 0 -1 0 -2646)" gradientUnits="userSpaceOnUse"><stop offset=".5" stop-color="#fde030"/><stop offset=".92" stop-color="#f7c02b"/><stop offset="1" stop-color="#f4a223"/></radialGradient></defs><g stroke-width="0"><path fill="url(#SVGEjWQ7d9e)" d="M64 119.9c-27.9 0-58-17.5-58-55.9S36.1 8.1 64 8.1c15.5 0 29.8 5.1 40.4 14.4C115.9 32.7 122 47.1 122 64s-6.1 31.2-17.6 41.4c-10.6 9.3-25 14.5-40.4 14.5"/><path fill="#eb8f00" d="M111.89 30.77C117.22 39.37 120 49.61 120 61c0 16.9-6.1 31.2-17.6 41.4c-10.6 9.3-25 14.5-40.4 14.5c-18.06 0-37-7.35-48.18-22.94c10.76 17.66 31 25.94 50.18 25.94c15.4 0 29.8-5.2 40.4-14.5C115.9 95.2 122 80.9 122 64c0-12.74-3.47-24.06-10.11-33.23"/></g><g stroke-width="0"><path fill="#422b0d" d="M83.2 104.24a2.2 2.2 0 0 1-.89-.62c-9.73-10.11-25.82-10.42-35.93-.69c-.23.23-.47.46-.69.69c-.24.28-.55.49-.89.62c-.75.28-1.6.12-2.2-.41c-.59-.52-.79-1.35-.49-2.08C45.09 94.1 53.95 88.1 64 88.1s18.91 6 21.89 13.64c.3.73.1 1.56-.49 2.08c-.6.53-1.45.69-2.2.42M57.38 69.92c-2.24-2.82-11.47-8.24-14.8-9.82c-1.24-.57-2.53-1.03-3.85-1.37c-.24-.07-.5-.1-.75-.1a2.87 2.87 0 0 0-2.74 2.29a2.92 2.92 0 0 0 1.67 3.32c1.57.77 4.31 2.23 7.15 3.84a7.83 7.83 0 0 0-3.82 6.73v1.46c0 4.14 3.36 7.5 7.5 7.5s7.5-3.36 7.5-7.5v-1.63c1.07-.07 2.03-.71 2.5-1.67c.49-1 .35-2.19-.36-3.05m35.38-9a2.87 2.87 0 0 0-2.79-2.27c-.25 0-.51.03-.75.1c-1.32.33-2.61.79-3.85 1.35c-3.33 1.56-12.56 7-14.8 9.8a2.84 2.84 0 0 0-.33 3.07c.48.97 1.43 1.6 2.51 1.67v1.63c0 4.14 3.36 7.5 7.5 7.5s7.5-3.36 7.5-7.5v-1.46c0-2.75-1.45-5.3-3.81-6.71c2.84-1.61 5.58-3.07 7.15-3.84c1.29-.56 2-1.97 1.67-3.34"/><path fill="#896024" d="M47.36 69.55a2.874 2.874 0 0 0-3.82 1.34c-.53 1.11-.29 2.44.6 3.3c1.42.68 3.13.08 3.82-1.34c.53-1.11.29-2.44-.6-3.3m32.51 0a2.874 2.874 0 0 0-3.82 1.34c-.53 1.11-.29 2.44.6 3.3c1.42.68 3.13.08 3.82-1.34c.53-1.11.29-2.44-.6-3.3"/></g></svg>
</template>

.icon-angry-face {
  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%20128%20128%22%3E%3Cdefs%3E%3CradialGradient%20id%3D%22SVGEjWQ7d9e%22%20cx%3D%2264%22%20cy%3D%22-2710%22%20r%3D%2256.96%22%20fx%3D%2264%22%20fy%3D%22-2710%22%20gradientTransform%3D%22matrix(1%200%200%20-1%200%20-2646)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.5%22%20stop-color%3D%22%23fde030%22%2F%3E%3Cstop%20offset%3D%22.92%22%20stop-color%3D%22%23f7c02b%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23f4a223%22%2F%3E%3C%2FradialGradient%3E%3C%2Fdefs%3E%3Cg%20stroke-width%3D%220%22%3E%3Cpath%20fill%3D%22url(%23SVGEjWQ7d9e)%22%20d%3D%22M64%20119.9c-27.9%200-58-17.5-58-55.9S36.1%208.1%2064%208.1c15.5%200%2029.8%205.1%2040.4%2014.4C115.9%2032.7%20122%2047.1%20122%2064s-6.1%2031.2-17.6%2041.4c-10.6%209.3-25%2014.5-40.4%2014.5%22%2F%3E%3Cpath%20fill%3D%22%23eb8f00%22%20d%3D%22M111.89%2030.77C117.22%2039.37%20120%2049.61%20120%2061c0%2016.9-6.1%2031.2-17.6%2041.4c-10.6%209.3-25%2014.5-40.4%2014.5c-18.06%200-37-7.35-48.18-22.94c10.76%2017.66%2031%2025.94%2050.18%2025.94c15.4%200%2029.8-5.2%2040.4-14.5C115.9%2095.2%20122%2080.9%20122%2064c0-12.74-3.47-24.06-10.11-33.23%22%2F%3E%3C%2Fg%3E%3Cg%20stroke-width%3D%220%22%3E%3Cpath%20fill%3D%22%23422b0d%22%20d%3D%22M83.2%20104.24a2.2%202.2%200%200%201-.89-.62c-9.73-10.11-25.82-10.42-35.93-.69c-.23.23-.47.46-.69.69c-.24.28-.55.49-.89.62c-.75.28-1.6.12-2.2-.41c-.59-.52-.79-1.35-.49-2.08C45.09%2094.1%2053.95%2088.1%2064%2088.1s18.91%206%2021.89%2013.64c.3.73.1%201.56-.49%202.08c-.6.53-1.45.69-2.2.42M57.38%2069.92c-2.24-2.82-11.47-8.24-14.8-9.82c-1.24-.57-2.53-1.03-3.85-1.37c-.24-.07-.5-.1-.75-.1a2.87%202.87%200%200%200-2.74%202.29a2.92%202.92%200%200%200%201.67%203.32c1.57.77%204.31%202.23%207.15%203.84a7.83%207.83%200%200%200-3.82%206.73v1.46c0%204.14%203.36%207.5%207.5%207.5s7.5-3.36%207.5-7.5v-1.63c1.07-.07%202.03-.71%202.5-1.67c.49-1%20.35-2.19-.36-3.05m35.38-9a2.87%202.87%200%200%200-2.79-2.27c-.25%200-.51.03-.75.1c-1.32.33-2.61.79-3.85%201.35c-3.33%201.56-12.56%207-14.8%209.8a2.84%202.84%200%200%200-.33%203.07c.48.97%201.43%201.6%202.51%201.67v1.63c0%204.14%203.36%207.5%207.5%207.5s7.5-3.36%207.5-7.5v-1.46c0-2.75-1.45-5.3-3.81-6.71c2.84-1.61%205.58-3.07%207.15-3.84c1.29-.56%202-1.97%201.67-3.34%22%2F%3E%3Cpath%20fill%3D%22%23896024%22%20d%3D%22M47.36%2069.55a2.874%202.874%200%200%200-3.82%201.34c-.53%201.11-.29%202.44.6%203.3c1.42.68%203.13.08%203.82-1.34c.53-1.11.29-2.44-.6-3.3m32.51%200a2.874%202.874%200%200%200-3.82%201.34c-.53%201.11-.29%202.44.6%203.3c1.42.68%203.13.08%203.82-1.34c.53-1.11.29-2.44-.6-3.3%22%2F%3E%3C%2Fg%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%20128%20128%22%3E%3Cdefs%3E%3CradialGradient%20id%3D%22SVGEjWQ7d9e%22%20cx%3D%2264%22%20cy%3D%22-2710%22%20r%3D%2256.96%22%20fx%3D%2264%22%20fy%3D%22-2710%22%20gradientTransform%3D%22matrix(1%200%200%20-1%200%20-2646)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.5%22%20stop-color%3D%22%23fde030%22%2F%3E%3Cstop%20offset%3D%22.92%22%20stop-color%3D%22%23f7c02b%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23f4a223%22%2F%3E%3C%2FradialGradient%3E%3C%2Fdefs%3E%3Cg%20stroke-width%3D%220%22%3E%3Cpath%20fill%3D%22url(%23SVGEjWQ7d9e)%22%20d%3D%22M64%20119.9c-27.9%200-58-17.5-58-55.9S36.1%208.1%2064%208.1c15.5%200%2029.8%205.1%2040.4%2014.4C115.9%2032.7%20122%2047.1%20122%2064s-6.1%2031.2-17.6%2041.4c-10.6%209.3-25%2014.5-40.4%2014.5%22%2F%3E%3Cpath%20fill%3D%22%23eb8f00%22%20d%3D%22M111.89%2030.77C117.22%2039.37%20120%2049.61%20120%2061c0%2016.9-6.1%2031.2-17.6%2041.4c-10.6%209.3-25%2014.5-40.4%2014.5c-18.06%200-37-7.35-48.18-22.94c10.76%2017.66%2031%2025.94%2050.18%2025.94c15.4%200%2029.8-5.2%2040.4-14.5C115.9%2095.2%20122%2080.9%20122%2064c0-12.74-3.47-24.06-10.11-33.23%22%2F%3E%3C%2Fg%3E%3Cg%20stroke-width%3D%220%22%3E%3Cpath%20fill%3D%22%23422b0d%22%20d%3D%22M83.2%20104.24a2.2%202.2%200%200%201-.89-.62c-9.73-10.11-25.82-10.42-35.93-.69c-.23.23-.47.46-.69.69c-.24.28-.55.49-.89.62c-.75.28-1.6.12-2.2-.41c-.59-.52-.79-1.35-.49-2.08C45.09%2094.1%2053.95%2088.1%2064%2088.1s18.91%206%2021.89%2013.64c.3.73.1%201.56-.49%202.08c-.6.53-1.45.69-2.2.42M57.38%2069.92c-2.24-2.82-11.47-8.24-14.8-9.82c-1.24-.57-2.53-1.03-3.85-1.37c-.24-.07-.5-.1-.75-.1a2.87%202.87%200%200%200-2.74%202.29a2.92%202.92%200%200%200%201.67%203.32c1.57.77%204.31%202.23%207.15%203.84a7.83%207.83%200%200%200-3.82%206.73v1.46c0%204.14%203.36%207.5%207.5%207.5s7.5-3.36%207.5-7.5v-1.63c1.07-.07%202.03-.71%202.5-1.67c.49-1%20.35-2.19-.36-3.05m35.38-9a2.87%202.87%200%200%200-2.79-2.27c-.25%200-.51.03-.75.1c-1.32.33-2.61.79-3.85%201.35c-3.33%201.56-12.56%207-14.8%209.8a2.84%202.84%200%200%200-.33%203.07c.48.97%201.43%201.6%202.51%201.67v1.63c0%204.14%203.36%207.5%207.5%207.5s7.5-3.36%207.5-7.5v-1.46c0-2.75-1.45-5.3-3.81-6.71c2.84-1.61%205.58-3.07%207.15-3.84c1.29-.56%202-1.97%201.67-3.34%22%2F%3E%3Cpath%20fill%3D%22%23896024%22%20d%3D%22M47.36%2069.55a2.874%202.874%200%200%200-3.82%201.34c-.53%201.11-.29%202.44.6%203.3c1.42.68%203.13.08%203.82-1.34c.53-1.11.29-2.44-.6-3.3m32.51%200a2.874%202.874%200%200%200-3.82%201.34c-.53%201.11-.29%202.44.6%203.3c1.42.68%203.13.08%203.82-1.34c.53-1.11.29-2.44-.6-3.3%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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