angry face emoji

angry-face from Twitter Emoji by Twitter · Default · Smileys & Emotion · CC-BY-4.0 Attribution required.

Name
angry-face
Set
Twitter Emoji
Style
Default
Category
Smileys & Emotion
Viewbox
36×36
License
CC BY 4.0

The same emoji in other sets

angry-faceEmoji One (Colored)angry-faceFluent Emojiangry-faceFluent Emoji Flatangry-faceFluent Emoji High Contrastangry-faceIconParkangry-faceIconPark Outlineangry-faceIconPark Solidangry-faceIconPark TwoToneangry-faceNoto Emojiangry-faceOpenMoji

More smileys & emotion icons from Twitter Emoji

alienalien-monsteranger-symbolangry-face-with-hornsanguished-faceanxious-face-with-sweatastonished-facebeaming-face-with-smiling-eyesbeating-heartblack-heartblue-heartbroken-heartbrown-heartcat-with-tears-of-joycat-with-wry-smileclown-facecold-facecollisionconfounded-faceconfused-facecowboy-hat-facecrying-catcrying-facedashing-away

Use the angry face emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#ffcc4d" d="M36 18c0 9.941-8.059 18-18 18c-9.94 0-18-8.059-18-18C0 8.06 8.06 0 18 0c9.941 0 18 8.06 18 18"/><path fill="#664500" d="M25.485 29.879C25.44 29.7 24.317 25.5 18 25.5s-7.44 4.2-7.485 4.379a.5.5 0 0 0 .237.554a.51.51 0 0 0 .6-.077c.019-.019 1.954-1.856 6.648-1.856s6.63 1.837 6.648 1.855a.5.5 0 0 0 .598.081a.5.5 0 0 0 .239-.557m-9.778-12.586C12.452 14.038 7.221 14 7 14a1.001 1.001 0 0 0-.001 2c.029 0 1.925.022 3.983.737c-.593.64-.982 1.634-.982 2.763c0 1.934 1.119 3.5 2.5 3.5s2.5-1.566 2.5-3.5c0-.174-.019-.34-.037-.507c.013 0 .025.007.037.007a.999.999 0 0 0 .707-1.707M29 14c-.221 0-5.451.038-8.707 3.293A.999.999 0 0 0 21 19c.013 0 .024-.007.036-.007c-.016.167-.036.333-.036.507c0 1.934 1.119 3.5 2.5 3.5s2.5-1.566 2.5-3.5c0-1.129-.389-2.123-.982-2.763A14 14 0 0 1 29.002 16A1 1 0 0 0 29 14"/></svg>

React

import type { SVGProps } from "react";

export function TwemojiAngryFace(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#ffcc4d" d="M36 18c0 9.941-8.059 18-18 18c-9.94 0-18-8.059-18-18C0 8.06 8.06 0 18 0c9.941 0 18 8.06 18 18"/><path fill="#664500" d="M25.485 29.879C25.44 29.7 24.317 25.5 18 25.5s-7.44 4.2-7.485 4.379a.5.5 0 0 0 .237.554a.51.51 0 0 0 .6-.077c.019-.019 1.954-1.856 6.648-1.856s6.63 1.837 6.648 1.855a.5.5 0 0 0 .598.081a.5.5 0 0 0 .239-.557m-9.778-12.586C12.452 14.038 7.221 14 7 14a1.001 1.001 0 0 0-.001 2c.029 0 1.925.022 3.983.737c-.593.64-.982 1.634-.982 2.763c0 1.934 1.119 3.5 2.5 3.5s2.5-1.566 2.5-3.5c0-.174-.019-.34-.037-.507c.013 0 .025.007.037.007a.999.999 0 0 0 .707-1.707M29 14c-.221 0-5.451.038-8.707 3.293A.999.999 0 0 0 21 19c.013 0 .024-.007.036-.007c-.016.167-.036.333-.036.507c0 1.934 1.119 3.5 2.5 3.5s2.5-1.566 2.5-3.5c0-1.129-.389-2.123-.982-2.763A14 14 0 0 1 29.002 16A1 1 0 0 0 29 14"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#ffcc4d" d="M36 18c0 9.941-8.059 18-18 18c-9.94 0-18-8.059-18-18C0 8.06 8.06 0 18 0c9.941 0 18 8.06 18 18"/><path fill="#664500" d="M25.485 29.879C25.44 29.7 24.317 25.5 18 25.5s-7.44 4.2-7.485 4.379a.5.5 0 0 0 .237.554a.51.51 0 0 0 .6-.077c.019-.019 1.954-1.856 6.648-1.856s6.63 1.837 6.648 1.855a.5.5 0 0 0 .598.081a.5.5 0 0 0 .239-.557m-9.778-12.586C12.452 14.038 7.221 14 7 14a1.001 1.001 0 0 0-.001 2c.029 0 1.925.022 3.983.737c-.593.64-.982 1.634-.982 2.763c0 1.934 1.119 3.5 2.5 3.5s2.5-1.566 2.5-3.5c0-.174-.019-.34-.037-.507c.013 0 .025.007.037.007a.999.999 0 0 0 .707-1.707M29 14c-.221 0-5.451.038-8.707 3.293A.999.999 0 0 0 21 19c.013 0 .024-.007.036-.007c-.016.167-.036.333-.036.507c0 1.934 1.119 3.5 2.5 3.5s2.5-1.566 2.5-3.5c0-1.129-.389-2.123-.982-2.763A14 14 0 0 1 29.002 16A1 1 0 0 0 29 14"/></svg>
</template>

CSS

.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%2036%2036%22%3E%3Cpath%20fill%3D%22%23ffcc4d%22%20d%3D%22M36%2018c0%209.941-8.059%2018-18%2018c-9.94%200-18-8.059-18-18C0%208.06%208.06%200%2018%200c9.941%200%2018%208.06%2018%2018%22%2F%3E%3Cpath%20fill%3D%22%23664500%22%20d%3D%22M25.485%2029.879C25.44%2029.7%2024.317%2025.5%2018%2025.5s-7.44%204.2-7.485%204.379a.5.5%200%200%200%20.237.554a.51.51%200%200%200%20.6-.077c.019-.019%201.954-1.856%206.648-1.856s6.63%201.837%206.648%201.855a.5.5%200%200%200%20.598.081a.5.5%200%200%200%20.239-.557m-9.778-12.586C12.452%2014.038%207.221%2014%207%2014a1.001%201.001%200%200%200-.001%202c.029%200%201.925.022%203.983.737c-.593.64-.982%201.634-.982%202.763c0%201.934%201.119%203.5%202.5%203.5s2.5-1.566%202.5-3.5c0-.174-.019-.34-.037-.507c.013%200%20.025.007.037.007a.999.999%200%200%200%20.707-1.707M29%2014c-.221%200-5.451.038-8.707%203.293A.999.999%200%200%200%2021%2019c.013%200%20.024-.007.036-.007c-.016.167-.036.333-.036.507c0%201.934%201.119%203.5%202.5%203.5s2.5-1.566%202.5-3.5c0-1.129-.389-2.123-.982-2.763A14%2014%200%200%201%2029.002%2016A1%201%200%200%200%2029%2014%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%2036%2036%22%3E%3Cpath%20fill%3D%22%23ffcc4d%22%20d%3D%22M36%2018c0%209.941-8.059%2018-18%2018c-9.94%200-18-8.059-18-18C0%208.06%208.06%200%2018%200c9.941%200%2018%208.06%2018%2018%22%2F%3E%3Cpath%20fill%3D%22%23664500%22%20d%3D%22M25.485%2029.879C25.44%2029.7%2024.317%2025.5%2018%2025.5s-7.44%204.2-7.485%204.379a.5.5%200%200%200%20.237.554a.51.51%200%200%200%20.6-.077c.019-.019%201.954-1.856%206.648-1.856s6.63%201.837%206.648%201.855a.5.5%200%200%200%20.598.081a.5.5%200%200%200%20.239-.557m-9.778-12.586C12.452%2014.038%207.221%2014%207%2014a1.001%201.001%200%200%200-.001%202c.029%200%201.925.022%203.983.737c-.593.64-.982%201.634-.982%202.763c0%201.934%201.119%203.5%202.5%203.5s2.5-1.566%202.5-3.5c0-.174-.019-.34-.037-.507c.013%200%20.025.007.037.007a.999.999%200%200%200%20.707-1.707M29%2014c-.221%200-5.451.038-8.707%203.293A.999.999%200%200%200%2021%2019c.013%200%20.024-.007.036-.007c-.016.167-.036.333-.036.507c0%201.934%201.119%203.5%202.5%203.5s2.5-1.566%202.5-3.5c0-1.129-.389-2.123-.982-2.763A14%2014%200%200%201%2029.002%2016A1%201%200%200%200%2029%2014%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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