disappointed face emoji
disappointed-face from Twitter Emoji by Twitter · Default · Smileys & Emotion · CC-BY-4.0 Attribution required.
- Name
- disappointed-face
- Set
- Twitter Emoji
- Style
- Default
- Category
- Smileys & Emotion
- Viewbox
- 36×36
- License
- CC BY 4.0
The same emoji in other sets
disappointed-faceEmoji One (Colored)disappointed-faceFluent Emojidisappointed-faceFluent Emoji Flatdisappointed-faceFluent Emoji High Contrastdisappointed-faceIconParkdisappointed-faceIconPark Outlinedisappointed-faceIconPark Soliddisappointed-faceIconPark TwoTonedisappointed-faceNoto Emojidisappointed-faceOpenMojidisappointed-faceStreamline Emojis
More smileys & emotion icons from Twitter Emoji
alienalien-monsteranger-symbolangry-faceangry-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-face
Use the disappointed face emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><circle cx="18" cy="18" r="18" fill="#ffcc4d"/><path fill="#664500" d="M23.485 28.879C23.474 28.835 22.34 24.5 18 24.5s-5.474 4.335-5.485 4.379a.5.5 0 0 0 .232.544a.51.51 0 0 0 .596-.06c.009-.008 1.013-.863 4.657-.863c3.59 0 4.617.83 4.656.863a.5.5 0 0 0 .829-.484M11.226 15.512c-.317 0-.636.039-.947.116c-2.87.707-3.513 4.121-3.539 4.267a.5.5 0 0 0 .877.407c.01-.012 1.01-1.178 3.379-1.761a8.7 8.7 0 0 1 2.073-.265c1.104 0 1.732.253 1.735.254c.067.028.131.04.207.04a.5.5 0 0 0 .306-.902c-.367-.435-1.953-2.156-4.091-2.156m13.548 0c.317 0 .636.039.947.116c2.87.707 3.513 4.121 3.539 4.267a.5.5 0 0 1-.877.407c-.01-.012-1.01-1.178-3.379-1.761a8.7 8.7 0 0 0-2.073-.265c-1.104 0-1.731.253-1.735.254a.5.5 0 0 1-.206.04a.5.5 0 0 1-.306-.902c.366-.435 1.952-2.156 4.09-2.156"/></svg>
React
import type { SVGProps } from "react";
export function TwemojiDisappointedFace(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><circle cx="18" cy="18" r="18" fill="#ffcc4d"/><path fill="#664500" d="M23.485 28.879C23.474 28.835 22.34 24.5 18 24.5s-5.474 4.335-5.485 4.379a.5.5 0 0 0 .232.544a.51.51 0 0 0 .596-.06c.009-.008 1.013-.863 4.657-.863c3.59 0 4.617.83 4.656.863a.5.5 0 0 0 .829-.484M11.226 15.512c-.317 0-.636.039-.947.116c-2.87.707-3.513 4.121-3.539 4.267a.5.5 0 0 0 .877.407c.01-.012 1.01-1.178 3.379-1.761a8.7 8.7 0 0 1 2.073-.265c1.104 0 1.732.253 1.735.254c.067.028.131.04.207.04a.5.5 0 0 0 .306-.902c-.367-.435-1.953-2.156-4.091-2.156m13.548 0c.317 0 .636.039.947.116c2.87.707 3.513 4.121 3.539 4.267a.5.5 0 0 1-.877.407c-.01-.012-1.01-1.178-3.379-1.761a8.7 8.7 0 0 0-2.073-.265c-1.104 0-1.731.253-1.735.254a.5.5 0 0 1-.206.04a.5.5 0 0 1-.306-.902c.366-.435 1.952-2.156 4.09-2.156"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><circle cx="18" cy="18" r="18" fill="#ffcc4d"/><path fill="#664500" d="M23.485 28.879C23.474 28.835 22.34 24.5 18 24.5s-5.474 4.335-5.485 4.379a.5.5 0 0 0 .232.544a.51.51 0 0 0 .596-.06c.009-.008 1.013-.863 4.657-.863c3.59 0 4.617.83 4.656.863a.5.5 0 0 0 .829-.484M11.226 15.512c-.317 0-.636.039-.947.116c-2.87.707-3.513 4.121-3.539 4.267a.5.5 0 0 0 .877.407c.01-.012 1.01-1.178 3.379-1.761a8.7 8.7 0 0 1 2.073-.265c1.104 0 1.732.253 1.735.254c.067.028.131.04.207.04a.5.5 0 0 0 .306-.902c-.367-.435-1.953-2.156-4.091-2.156m13.548 0c.317 0 .636.039.947.116c2.87.707 3.513 4.121 3.539 4.267a.5.5 0 0 1-.877.407c-.01-.012-1.01-1.178-3.379-1.761a8.7 8.7 0 0 0-2.073-.265c-1.104 0-1.731.253-1.735.254a.5.5 0 0 1-.206.04a.5.5 0 0 1-.306-.902c.366-.435 1.952-2.156 4.09-2.156"/></svg> </template>
CSS
.icon-disappointed-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%3Ccircle%20cx%3D%2218%22%20cy%3D%2218%22%20r%3D%2218%22%20fill%3D%22%23ffcc4d%22%2F%3E%3Cpath%20fill%3D%22%23664500%22%20d%3D%22M23.485%2028.879C23.474%2028.835%2022.34%2024.5%2018%2024.5s-5.474%204.335-5.485%204.379a.5.5%200%200%200%20.232.544a.51.51%200%200%200%20.596-.06c.009-.008%201.013-.863%204.657-.863c3.59%200%204.617.83%204.656.863a.5.5%200%200%200%20.829-.484M11.226%2015.512c-.317%200-.636.039-.947.116c-2.87.707-3.513%204.121-3.539%204.267a.5.5%200%200%200%20.877.407c.01-.012%201.01-1.178%203.379-1.761a8.7%208.7%200%200%201%202.073-.265c1.104%200%201.732.253%201.735.254c.067.028.131.04.207.04a.5.5%200%200%200%20.306-.902c-.367-.435-1.953-2.156-4.091-2.156m13.548%200c.317%200%20.636.039.947.116c2.87.707%203.513%204.121%203.539%204.267a.5.5%200%200%201-.877.407c-.01-.012-1.01-1.178-3.379-1.761a8.7%208.7%200%200%200-2.073-.265c-1.104%200-1.731.253-1.735.254a.5.5%200%200%201-.206.04a.5.5%200%200%201-.306-.902c.366-.435%201.952-2.156%204.09-2.156%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%3Ccircle%20cx%3D%2218%22%20cy%3D%2218%22%20r%3D%2218%22%20fill%3D%22%23ffcc4d%22%2F%3E%3Cpath%20fill%3D%22%23664500%22%20d%3D%22M23.485%2028.879C23.474%2028.835%2022.34%2024.5%2018%2024.5s-5.474%204.335-5.485%204.379a.5.5%200%200%200%20.232.544a.51.51%200%200%200%20.596-.06c.009-.008%201.013-.863%204.657-.863c3.59%200%204.617.83%204.656.863a.5.5%200%200%200%20.829-.484M11.226%2015.512c-.317%200-.636.039-.947.116c-2.87.707-3.513%204.121-3.539%204.267a.5.5%200%200%200%20.877.407c.01-.012%201.01-1.178%203.379-1.761a8.7%208.7%200%200%201%202.073-.265c1.104%200%201.732.253%201.735.254c.067.028.131.04.207.04a.5.5%200%200%200%20.306-.902c-.367-.435-1.953-2.156-4.091-2.156m13.548%200c.317%200%20.636.039.947.116c2.87.707%203.513%204.121%203.539%204.267a.5.5%200%200%201-.877.407c-.01-.012-1.01-1.178-3.379-1.761a8.7%208.7%200%200%200-2.073-.265c-1.104%200-1.731.253-1.735.254a.5.5%200%200%201-.206.04a.5.5%200%200%201-.306-.902c.366-.435%201.952-2.156%204.09-2.156%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/twemoji/disappointed-face.svg?color=%231a73e8&size=48
