anguished face emoji
anguished-face from Streamline Emojis by Streamline · Default · Smiley People · CC-BY-4.0 Attribution required.
- Name
- anguished-face
- Set
- Streamline Emojis
- Style
- Default
- Category
- Smiley People
- Viewbox
- 48×48
- License
- CC BY 4.0
The same emoji in other sets
anguished-faceEmoji One (Colored)anguished-faceFluent Emojianguished-faceFluent Emoji Flatanguished-faceFluent Emoji High Contrastanguished-faceIconParkanguished-faceIconPark Outlineanguished-faceIconPark Solidanguished-faceIconPark TwoToneanguished-faceNoto Emojianguished-faceOpenMojianguished-faceTwitter Emoji
More smiley people icons from Streamline Emojis
alienamazed-faceamusing-faceanxious-faceastonished-faceastronaut-1astronaut-2baby-1baby-2baby-3baby-angel-1baby-angel-2backhand-index-pointing-down-1backhand-index-pointing-down-2backhand-index-pointing-left-1backhand-index-pointing-left-2backhand-index-pointing-right-1backhand-index-pointing-right-2backhand-index-pointing-up-1backhand-index-pointing-up-2beaming-face-with-smiling-eyesbikiniboy-1boy-2
Use the anguished face emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="#ffe500" d="M5.04 24.46a18.96 18.96 0 1 0 37.92 0a18.96 18.96 0 1 0-37.92 0"/><path fill="#ebcb00" d="M24 5.5a19 19 0 1 0 19 19a19 19 0 0 0-19-19m0 35.07a17.3 17.3 0 1 1 17.3-17.3A17.3 17.3 0 0 1 24 40.57"/><path fill="#fff48c" d="M18.31 9.29a5.69 1.42 0 1 0 11.38 0a5.69 1.42 0 1 0-11.38 0"/><path fill="#45413c" d="M8.83 45.5a15.17 1.5 0 1 0 30.34 0a15.17 1.5 0 1 0-30.34 0" opacity=".15"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M5.04 24.46a18.96 18.96 0 1 0 37.92 0a18.96 18.96 0 1 0-37.92 0"/><path fill="#fff" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M18.79 23a3.32 3.32 0 1 1-3.32-3.32A3.32 3.32 0 0 1 18.79 23"/><path fill="#ffaa54" d="M37.74 29.2c0 .78-1.06 1.42-2.37 1.42S33 30 33 29.2s1.07-1.42 2.37-1.42s2.37.63 2.37 1.42m-27.48 0c0 .78 1.06 1.42 2.37 1.42S15 30 15 29.2s-1.07-1.42-2.37-1.42s-2.37.63-2.37 1.42"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M28.27.5v17.06m4.26-15.38v15.64M36.8 5.03v14.69"/><path fill="#fff" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M35.85 23a3.32 3.32 0 1 1-3.32-3.32A3.32 3.32 0 0 1 35.85 23"/><path fill="#ffb0ca" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M24 36.6a14.3 14.3 0 0 1 5.77 1.22c1.94.87 4.18.31 4.66-2.26c.66-3.56-4.27-8.73-10.43-8.73S12.91 32 13.57 35.56c.48 2.57 2.72 3.13 4.66 2.26A14.3 14.3 0 0 1 24 36.6"/><path fill="#ff87af" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M24 36.6a14.3 14.3 0 0 1 5.77 1.22a3.37 3.37 0 0 0 3.56-.26a11.81 11.81 0 0 0-18.66 0a3.37 3.37 0 0 0 3.56.26A14.3 14.3 0 0 1 24 36.6"/></svg>
React
import type { SVGProps } from "react";
export function StreamlineEmojisAnguishedFace(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="#ffe500" d="M5.04 24.46a18.96 18.96 0 1 0 37.92 0a18.96 18.96 0 1 0-37.92 0"/><path fill="#ebcb00" d="M24 5.5a19 19 0 1 0 19 19a19 19 0 0 0-19-19m0 35.07a17.3 17.3 0 1 1 17.3-17.3A17.3 17.3 0 0 1 24 40.57"/><path fill="#fff48c" d="M18.31 9.29a5.69 1.42 0 1 0 11.38 0a5.69 1.42 0 1 0-11.38 0"/><path fill="#45413c" d="M8.83 45.5a15.17 1.5 0 1 0 30.34 0a15.17 1.5 0 1 0-30.34 0" opacity=".15"/><path fill="none" stroke="#45413c" strokeLinecap="round" strokeLinejoin="round" d="M5.04 24.46a18.96 18.96 0 1 0 37.92 0a18.96 18.96 0 1 0-37.92 0"/><path fill="#fff" stroke="#45413c" strokeLinecap="round" strokeLinejoin="round" d="M18.79 23a3.32 3.32 0 1 1-3.32-3.32A3.32 3.32 0 0 1 18.79 23"/><path fill="#ffaa54" d="M37.74 29.2c0 .78-1.06 1.42-2.37 1.42S33 30 33 29.2s1.07-1.42 2.37-1.42s2.37.63 2.37 1.42m-27.48 0c0 .78 1.06 1.42 2.37 1.42S15 30 15 29.2s-1.07-1.42-2.37-1.42s-2.37.63-2.37 1.42"/><path fill="none" stroke="#45413c" strokeLinecap="round" strokeLinejoin="round" d="M28.27.5v17.06m4.26-15.38v15.64M36.8 5.03v14.69"/><path fill="#fff" stroke="#45413c" strokeLinecap="round" strokeLinejoin="round" d="M35.85 23a3.32 3.32 0 1 1-3.32-3.32A3.32 3.32 0 0 1 35.85 23"/><path fill="#ffb0ca" stroke="#45413c" strokeLinecap="round" strokeLinejoin="round" d="M24 36.6a14.3 14.3 0 0 1 5.77 1.22c1.94.87 4.18.31 4.66-2.26c.66-3.56-4.27-8.73-10.43-8.73S12.91 32 13.57 35.56c.48 2.57 2.72 3.13 4.66 2.26A14.3 14.3 0 0 1 24 36.6"/><path fill="#ff87af" stroke="#45413c" strokeLinecap="round" strokeLinejoin="round" d="M24 36.6a14.3 14.3 0 0 1 5.77 1.22a3.37 3.37 0 0 0 3.56-.26a11.81 11.81 0 0 0-18.66 0a3.37 3.37 0 0 0 3.56.26A14.3 14.3 0 0 1 24 36.6"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="#ffe500" d="M5.04 24.46a18.96 18.96 0 1 0 37.92 0a18.96 18.96 0 1 0-37.92 0"/><path fill="#ebcb00" d="M24 5.5a19 19 0 1 0 19 19a19 19 0 0 0-19-19m0 35.07a17.3 17.3 0 1 1 17.3-17.3A17.3 17.3 0 0 1 24 40.57"/><path fill="#fff48c" d="M18.31 9.29a5.69 1.42 0 1 0 11.38 0a5.69 1.42 0 1 0-11.38 0"/><path fill="#45413c" d="M8.83 45.5a15.17 1.5 0 1 0 30.34 0a15.17 1.5 0 1 0-30.34 0" opacity=".15"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M5.04 24.46a18.96 18.96 0 1 0 37.92 0a18.96 18.96 0 1 0-37.92 0"/><path fill="#fff" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M18.79 23a3.32 3.32 0 1 1-3.32-3.32A3.32 3.32 0 0 1 18.79 23"/><path fill="#ffaa54" d="M37.74 29.2c0 .78-1.06 1.42-2.37 1.42S33 30 33 29.2s1.07-1.42 2.37-1.42s2.37.63 2.37 1.42m-27.48 0c0 .78 1.06 1.42 2.37 1.42S15 30 15 29.2s-1.07-1.42-2.37-1.42s-2.37.63-2.37 1.42"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M28.27.5v17.06m4.26-15.38v15.64M36.8 5.03v14.69"/><path fill="#fff" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M35.85 23a3.32 3.32 0 1 1-3.32-3.32A3.32 3.32 0 0 1 35.85 23"/><path fill="#ffb0ca" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M24 36.6a14.3 14.3 0 0 1 5.77 1.22c1.94.87 4.18.31 4.66-2.26c.66-3.56-4.27-8.73-10.43-8.73S12.91 32 13.57 35.56c.48 2.57 2.72 3.13 4.66 2.26A14.3 14.3 0 0 1 24 36.6"/><path fill="#ff87af" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M24 36.6a14.3 14.3 0 0 1 5.77 1.22a3.37 3.37 0 0 0 3.56-.26a11.81 11.81 0 0 0-18.66 0a3.37 3.37 0 0 0 3.56.26A14.3 14.3 0 0 1 24 36.6"/></svg> </template>
CSS
.icon-anguished-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%2048%2048%22%3E%3Cpath%20fill%3D%22%23ffe500%22%20d%3D%22M5.04%2024.46a18.96%2018.96%200%201%200%2037.92%200a18.96%2018.96%200%201%200-37.92%200%22%2F%3E%3Cpath%20fill%3D%22%23ebcb00%22%20d%3D%22M24%205.5a19%2019%200%201%200%2019%2019a19%2019%200%200%200-19-19m0%2035.07a17.3%2017.3%200%201%201%2017.3-17.3A17.3%2017.3%200%200%201%2024%2040.57%22%2F%3E%3Cpath%20fill%3D%22%23fff48c%22%20d%3D%22M18.31%209.29a5.69%201.42%200%201%200%2011.38%200a5.69%201.42%200%201%200-11.38%200%22%2F%3E%3Cpath%20fill%3D%22%2345413c%22%20d%3D%22M8.83%2045.5a15.17%201.5%200%201%200%2030.34%200a15.17%201.5%200%201%200-30.34%200%22%20opacity%3D%22.15%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M5.04%2024.46a18.96%2018.96%200%201%200%2037.92%200a18.96%2018.96%200%201%200-37.92%200%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M18.79%2023a3.32%203.32%200%201%201-3.32-3.32A3.32%203.32%200%200%201%2018.79%2023%22%2F%3E%3Cpath%20fill%3D%22%23ffaa54%22%20d%3D%22M37.74%2029.2c0%20.78-1.06%201.42-2.37%201.42S33%2030%2033%2029.2s1.07-1.42%202.37-1.42s2.37.63%202.37%201.42m-27.48%200c0%20.78%201.06%201.42%202.37%201.42S15%2030%2015%2029.2s-1.07-1.42-2.37-1.42s-2.37.63-2.37%201.42%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M28.27.5v17.06m4.26-15.38v15.64M36.8%205.03v14.69%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M35.85%2023a3.32%203.32%200%201%201-3.32-3.32A3.32%203.32%200%200%201%2035.85%2023%22%2F%3E%3Cpath%20fill%3D%22%23ffb0ca%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M24%2036.6a14.3%2014.3%200%200%201%205.77%201.22c1.94.87%204.18.31%204.66-2.26c.66-3.56-4.27-8.73-10.43-8.73S12.91%2032%2013.57%2035.56c.48%202.57%202.72%203.13%204.66%202.26A14.3%2014.3%200%200%201%2024%2036.6%22%2F%3E%3Cpath%20fill%3D%22%23ff87af%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M24%2036.6a14.3%2014.3%200%200%201%205.77%201.22a3.37%203.37%200%200%200%203.56-.26a11.81%2011.81%200%200%200-18.66%200a3.37%203.37%200%200%200%203.56.26A14.3%2014.3%200%200%201%2024%2036.6%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%2048%2048%22%3E%3Cpath%20fill%3D%22%23ffe500%22%20d%3D%22M5.04%2024.46a18.96%2018.96%200%201%200%2037.92%200a18.96%2018.96%200%201%200-37.92%200%22%2F%3E%3Cpath%20fill%3D%22%23ebcb00%22%20d%3D%22M24%205.5a19%2019%200%201%200%2019%2019a19%2019%200%200%200-19-19m0%2035.07a17.3%2017.3%200%201%201%2017.3-17.3A17.3%2017.3%200%200%201%2024%2040.57%22%2F%3E%3Cpath%20fill%3D%22%23fff48c%22%20d%3D%22M18.31%209.29a5.69%201.42%200%201%200%2011.38%200a5.69%201.42%200%201%200-11.38%200%22%2F%3E%3Cpath%20fill%3D%22%2345413c%22%20d%3D%22M8.83%2045.5a15.17%201.5%200%201%200%2030.34%200a15.17%201.5%200%201%200-30.34%200%22%20opacity%3D%22.15%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M5.04%2024.46a18.96%2018.96%200%201%200%2037.92%200a18.96%2018.96%200%201%200-37.92%200%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M18.79%2023a3.32%203.32%200%201%201-3.32-3.32A3.32%203.32%200%200%201%2018.79%2023%22%2F%3E%3Cpath%20fill%3D%22%23ffaa54%22%20d%3D%22M37.74%2029.2c0%20.78-1.06%201.42-2.37%201.42S33%2030%2033%2029.2s1.07-1.42%202.37-1.42s2.37.63%202.37%201.42m-27.48%200c0%20.78%201.06%201.42%202.37%201.42S15%2030%2015%2029.2s-1.07-1.42-2.37-1.42s-2.37.63-2.37%201.42%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M28.27.5v17.06m4.26-15.38v15.64M36.8%205.03v14.69%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M35.85%2023a3.32%203.32%200%201%201-3.32-3.32A3.32%203.32%200%200%201%2035.85%2023%22%2F%3E%3Cpath%20fill%3D%22%23ffb0ca%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M24%2036.6a14.3%2014.3%200%200%201%205.77%201.22c1.94.87%204.18.31%204.66-2.26c.66-3.56-4.27-8.73-10.43-8.73S12.91%2032%2013.57%2035.56c.48%202.57%202.72%203.13%204.66%202.26A14.3%2014.3%200%200%201%2024%2036.6%22%2F%3E%3Cpath%20fill%3D%22%23ff87af%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M24%2036.6a14.3%2014.3%200%200%201%205.77%201.22a3.37%203.37%200%200%200%203.56-.26a11.81%2011.81%200%200%200-18.66%200a3.37%203.37%200%200%200%203.56.26A14.3%2014.3%200%200%201%2024%2036.6%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/streamline-emojis/anguished-face.svg?color=%231a73e8&size=48
