unamused face emoji

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

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

The same emoji in other sets

unamused-faceEmoji One (Colored)unamused-faceFluent Emojiunamused-faceFluent Emoji Flatunamused-faceFluent Emoji High Contrastunamused-faceNoto Emojiunamused-faceOpenMojiunamused-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 unamused 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 27.879C25.44 27.7 24.317 23.5 18 23.5s-7.44 4.2-7.485 4.379a.5.5 0 0 0 .237.554a.505.505 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-.557M29.001 14a1 1 0 0 1-.801-.4c-2.432-3.244-6.514-.846-6.686-.743a1 1 0 1 1-1.029-1.715c1.998-1.199 6.514-2.477 9.314 1.257A1 1 0 0 1 29.001 14M6.999 14a1 1 0 0 1-.799-1.6c2.801-3.734 7.317-2.456 9.314-1.257a1 1 0 0 1-1.027 1.716c-.179-.106-4.274-2.475-6.688.742a1 1 0 0 1-.8.399M29 16a1 1 0 0 0-1-1h-7a1 1 0 1 0 0 2h5.092a1.496 1.496 0 0 0 2.872-.821c.012-.06.036-.116.036-.179m-13 0a1 1 0 0 0-1-1H8a1 1 0 0 0 0 2h5.092a1.496 1.496 0 0 0 2.872-.821c.011-.06.036-.116.036-.179"/></svg>

React

import type { SVGProps } from "react";

export function TwemojiUnamusedFace(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 27.879C25.44 27.7 24.317 23.5 18 23.5s-7.44 4.2-7.485 4.379a.5.5 0 0 0 .237.554a.505.505 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-.557M29.001 14a1 1 0 0 1-.801-.4c-2.432-3.244-6.514-.846-6.686-.743a1 1 0 1 1-1.029-1.715c1.998-1.199 6.514-2.477 9.314 1.257A1 1 0 0 1 29.001 14M6.999 14a1 1 0 0 1-.799-1.6c2.801-3.734 7.317-2.456 9.314-1.257a1 1 0 0 1-1.027 1.716c-.179-.106-4.274-2.475-6.688.742a1 1 0 0 1-.8.399M29 16a1 1 0 0 0-1-1h-7a1 1 0 1 0 0 2h5.092a1.496 1.496 0 0 0 2.872-.821c.012-.06.036-.116.036-.179m-13 0a1 1 0 0 0-1-1H8a1 1 0 0 0 0 2h5.092a1.496 1.496 0 0 0 2.872-.821c.011-.06.036-.116.036-.179"/></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 27.879C25.44 27.7 24.317 23.5 18 23.5s-7.44 4.2-7.485 4.379a.5.5 0 0 0 .237.554a.505.505 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-.557M29.001 14a1 1 0 0 1-.801-.4c-2.432-3.244-6.514-.846-6.686-.743a1 1 0 1 1-1.029-1.715c1.998-1.199 6.514-2.477 9.314 1.257A1 1 0 0 1 29.001 14M6.999 14a1 1 0 0 1-.799-1.6c2.801-3.734 7.317-2.456 9.314-1.257a1 1 0 0 1-1.027 1.716c-.179-.106-4.274-2.475-6.688.742a1 1 0 0 1-.8.399M29 16a1 1 0 0 0-1-1h-7a1 1 0 1 0 0 2h5.092a1.496 1.496 0 0 0 2.872-.821c.012-.06.036-.116.036-.179m-13 0a1 1 0 0 0-1-1H8a1 1 0 0 0 0 2h5.092a1.496 1.496 0 0 0 2.872-.821c.011-.06.036-.116.036-.179"/></svg>
</template>

CSS

.icon-unamused-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%2027.879C25.44%2027.7%2024.317%2023.5%2018%2023.5s-7.44%204.2-7.485%204.379a.5.5%200%200%200%20.237.554a.505.505%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-.557M29.001%2014a1%201%200%200%201-.801-.4c-2.432-3.244-6.514-.846-6.686-.743a1%201%200%201%201-1.029-1.715c1.998-1.199%206.514-2.477%209.314%201.257A1%201%200%200%201%2029.001%2014M6.999%2014a1%201%200%200%201-.799-1.6c2.801-3.734%207.317-2.456%209.314-1.257a1%201%200%200%201-1.027%201.716c-.179-.106-4.274-2.475-6.688.742a1%201%200%200%201-.8.399M29%2016a1%201%200%200%200-1-1h-7a1%201%200%201%200%200%202h5.092a1.496%201.496%200%200%200%202.872-.821c.012-.06.036-.116.036-.179m-13%200a1%201%200%200%200-1-1H8a1%201%200%200%200%200%202h5.092a1.496%201.496%200%200%200%202.872-.821c.011-.06.036-.116.036-.179%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%2027.879C25.44%2027.7%2024.317%2023.5%2018%2023.5s-7.44%204.2-7.485%204.379a.5.5%200%200%200%20.237.554a.505.505%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-.557M29.001%2014a1%201%200%200%201-.801-.4c-2.432-3.244-6.514-.846-6.686-.743a1%201%200%201%201-1.029-1.715c1.998-1.199%206.514-2.477%209.314%201.257A1%201%200%200%201%2029.001%2014M6.999%2014a1%201%200%200%201-.799-1.6c2.801-3.734%207.317-2.456%209.314-1.257a1%201%200%200%201-1.027%201.716c-.179-.106-4.274-2.475-6.688.742a1%201%200%200%201-.8.399M29%2016a1%201%200%200%200-1-1h-7a1%201%200%201%200%200%202h5.092a1.496%201.496%200%200%200%202.872-.821c.012-.06.036-.116.036-.179m-13%200a1%201%200%200%200-1-1H8a1%201%200%200%200%200%202h5.092a1.496%201.496%200%200%200%202.872-.821c.011-.06.036-.116.036-.179%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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