face with diagonal mouth emoji

face-with-diagonal-mouth from Fluent Emoji Flat by Microsoft Corporation · Default · Smileys & Emotion · MIT Free for personal and commercial use.

Name
face-with-diagonal-mouth
Set
Fluent Emoji Flat
Style
Default
Category
Smileys & Emotion
Viewbox
32×32
License
MIT

The same emoji in other sets

face-with-diagonal-mouthFluent Emojiface-with-diagonal-mouthFluent Emoji High Contrastface-with-diagonal-mouthNoto Emojiface-with-diagonal-mouthOpenMojiface-with-diagonal-mouthTwitter Emoji

More smileys & emotion icons from Fluent Emoji Flat

alienalien-monsteranger-symbolangry-faceangry-face-with-hornsanguished-faceanxious-face-with-sweatastonished-facebeaming-face-with-smiling-eyesbeating-heartblack-heartblue-heartbombbroken-heartbrown-heartcat-with-tears-of-joycat-with-wry-smileclown-facecold-facecollisionconfounded-faceconfused-facecowboy-hat-facecrying-cat

Use the face with diagonal mouth emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#ffb02e" d="M15.84 29.999c9.334 0 13.998-6.268 13.998-13.999S25.174 2.001 15.84 2.001c-9.335 0-14 6.269-14 13.999s4.665 13.999 14 13.999"/><path fill="#fff" d="M14.84 11.5a4.5 4.5 0 1 1-9.002 0a4.5 4.5 0 0 1 9.001 0m1.999 0a4.5 4.5 0 1 0 9.001 0a4.5 4.5 0 0 0-9 0"/><path fill="#402a32" d="M10.96 14.69a3.21 3.21 0 1 0 0-6.42a3.21 3.21 0 0 0 0 6.42m9.757 0a3.21 3.21 0 1 1 0-6.42a3.21 3.21 0 0 1 0 6.42m-9.621 5.591a.75.75 0 1 0 .426 1.438l9.06-2.685a.75.75 0 1 0-.426-1.438z"/></g></svg>

React

import type { SVGProps } from "react";

export function FluentEmojiFlatFaceWithDiagonalMouth(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#ffb02e" d="M15.84 29.999c9.334 0 13.998-6.268 13.998-13.999S25.174 2.001 15.84 2.001c-9.335 0-14 6.269-14 13.999s4.665 13.999 14 13.999"/><path fill="#fff" d="M14.84 11.5a4.5 4.5 0 1 1-9.002 0a4.5 4.5 0 0 1 9.001 0m1.999 0a4.5 4.5 0 1 0 9.001 0a4.5 4.5 0 0 0-9 0"/><path fill="#402a32" d="M10.96 14.69a3.21 3.21 0 1 0 0-6.42a3.21 3.21 0 0 0 0 6.42m9.757 0a3.21 3.21 0 1 1 0-6.42a3.21 3.21 0 0 1 0 6.42m-9.621 5.591a.75.75 0 1 0 .426 1.438l9.06-2.685a.75.75 0 1 0-.426-1.438z"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#ffb02e" d="M15.84 29.999c9.334 0 13.998-6.268 13.998-13.999S25.174 2.001 15.84 2.001c-9.335 0-14 6.269-14 13.999s4.665 13.999 14 13.999"/><path fill="#fff" d="M14.84 11.5a4.5 4.5 0 1 1-9.002 0a4.5 4.5 0 0 1 9.001 0m1.999 0a4.5 4.5 0 1 0 9.001 0a4.5 4.5 0 0 0-9 0"/><path fill="#402a32" d="M10.96 14.69a3.21 3.21 0 1 0 0-6.42a3.21 3.21 0 0 0 0 6.42m9.757 0a3.21 3.21 0 1 1 0-6.42a3.21 3.21 0 0 1 0 6.42m-9.621 5.591a.75.75 0 1 0 .426 1.438l9.06-2.685a.75.75 0 1 0-.426-1.438z"/></g></svg>
</template>

CSS

.icon-face-with-diagonal-mouth {
  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%2032%2032%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23ffb02e%22%20d%3D%22M15.84%2029.999c9.334%200%2013.998-6.268%2013.998-13.999S25.174%202.001%2015.84%202.001c-9.335%200-14%206.269-14%2013.999s4.665%2013.999%2014%2013.999%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M14.84%2011.5a4.5%204.5%200%201%201-9.002%200a4.5%204.5%200%200%201%209.001%200m1.999%200a4.5%204.5%200%201%200%209.001%200a4.5%204.5%200%200%200-9%200%22%2F%3E%3Cpath%20fill%3D%22%23402a32%22%20d%3D%22M10.96%2014.69a3.21%203.21%200%201%200%200-6.42a3.21%203.21%200%200%200%200%206.42m9.757%200a3.21%203.21%200%201%201%200-6.42a3.21%203.21%200%200%201%200%206.42m-9.621%205.591a.75.75%200%201%200%20.426%201.438l9.06-2.685a.75.75%200%201%200-.426-1.438z%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%2032%2032%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23ffb02e%22%20d%3D%22M15.84%2029.999c9.334%200%2013.998-6.268%2013.998-13.999S25.174%202.001%2015.84%202.001c-9.335%200-14%206.269-14%2013.999s4.665%2013.999%2014%2013.999%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M14.84%2011.5a4.5%204.5%200%201%201-9.002%200a4.5%204.5%200%200%201%209.001%200m1.999%200a4.5%204.5%200%201%200%209.001%200a4.5%204.5%200%200%200-9%200%22%2F%3E%3Cpath%20fill%3D%22%23402a32%22%20d%3D%22M10.96%2014.69a3.21%203.21%200%201%200%200-6.42a3.21%203.21%200%200%200%200%206.42m9.757%200a3.21%203.21%200%201%201%200-6.42a3.21%203.21%200%200%201%200%206.42m-9.621%205.591a.75.75%200%201%200%20.426%201.438l9.06-2.685a.75.75%200%201%200-.426-1.438z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent-emoji-flat/face-with-diagonal-mouth.svg?color=%231a73e8&size=48