face with diagonal mouth emoji

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

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

The same emoji in other sets

face-with-diagonal-mouthFluent Emoji face-with-diagonal-mouthFluent Emoji Flat face-with-diagonal-mouthNoto Emoji face-with-diagonal-mouthOpenMoji face-with-diagonal-mouthTwitter Emoji

More smileys & emotion icons from Fluent Emoji High Contrast

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="currentColor"><path 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.42M10.59 21.213a.75.75 0 0 1 .506-.932l9.06-2.685a.75.75 0 1 1 .427 1.438l-9.06 2.685a.75.75 0 0 1-.933-.506"/><path d="M15.84 1.001c-4.905 0-8.687 1.654-11.236 4.423C2.067 8.179.84 11.939.84 16s1.227 7.82 3.764 10.576c2.55 2.768 6.331 4.423 11.235 4.423s8.686-1.654 11.236-4.423c2.537-2.755 3.763-6.515 3.763-10.576s-1.226-7.821-3.763-10.576C24.525 2.655 20.743 1 15.839 1M2.84 16c0-3.67 1.106-6.91 3.235-9.221C8.191 4.48 11.408 3 15.839 3s7.648 1.48 9.765 3.778c2.128 2.311 3.234 5.55 3.234 9.22s-1.106 6.91-3.235 9.222C23.488 27.52 20.27 29 15.84 29s-7.648-1.48-9.764-3.778C3.946 22.91 2.84 19.671 2.84 16"/></g></svg>

React

import type { SVGProps } from "react";

export function FluentEmojiHighContrastFaceWithDiagonalMouth(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="currentColor"><path 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.42M10.59 21.213a.75.75 0 0 1 .506-.932l9.06-2.685a.75.75 0 1 1 .427 1.438l-9.06 2.685a.75.75 0 0 1-.933-.506"/><path d="M15.84 1.001c-4.905 0-8.687 1.654-11.236 4.423C2.067 8.179.84 11.939.84 16s1.227 7.82 3.764 10.576c2.55 2.768 6.331 4.423 11.235 4.423s8.686-1.654 11.236-4.423c2.537-2.755 3.763-6.515 3.763-10.576s-1.226-7.821-3.763-10.576C24.525 2.655 20.743 1 15.839 1M2.84 16c0-3.67 1.106-6.91 3.235-9.221C8.191 4.48 11.408 3 15.839 3s7.648 1.48 9.765 3.778c2.128 2.311 3.234 5.55 3.234 9.22s-1.106 6.91-3.235 9.222C23.488 27.52 20.27 29 15.84 29s-7.648-1.48-9.764-3.778C3.946 22.91 2.84 19.671 2.84 16"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="currentColor"><path 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.42M10.59 21.213a.75.75 0 0 1 .506-.932l9.06-2.685a.75.75 0 1 1 .427 1.438l-9.06 2.685a.75.75 0 0 1-.933-.506"/><path d="M15.84 1.001c-4.905 0-8.687 1.654-11.236 4.423C2.067 8.179.84 11.939.84 16s1.227 7.82 3.764 10.576c2.55 2.768 6.331 4.423 11.235 4.423s8.686-1.654 11.236-4.423c2.537-2.755 3.763-6.515 3.763-10.576s-1.226-7.821-3.763-10.576C24.525 2.655 20.743 1 15.839 1M2.84 16c0-3.67 1.106-6.91 3.235-9.221C8.191 4.48 11.408 3 15.839 3s7.648 1.48 9.765 3.778c2.128 2.311 3.234 5.55 3.234 9.22s-1.106 6.91-3.235 9.222C23.488 27.52 20.27 29 15.84 29s-7.648-1.48-9.764-3.778C3.946 22.91 2.84 19.671 2.84 16"/></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%22currentColor%22%3E%3Cpath%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.42M10.59%2021.213a.75.75%200%200%201%20.506-.932l9.06-2.685a.75.75%200%201%201%20.427%201.438l-9.06%202.685a.75.75%200%200%201-.933-.506%22%2F%3E%3Cpath%20d%3D%22M15.84%201.001c-4.905%200-8.687%201.654-11.236%204.423C2.067%208.179.84%2011.939.84%2016s1.227%207.82%203.764%2010.576c2.55%202.768%206.331%204.423%2011.235%204.423s8.686-1.654%2011.236-4.423c2.537-2.755%203.763-6.515%203.763-10.576s-1.226-7.821-3.763-10.576C24.525%202.655%2020.743%201%2015.839%201M2.84%2016c0-3.67%201.106-6.91%203.235-9.221C8.191%204.48%2011.408%203%2015.839%203s7.648%201.48%209.765%203.778c2.128%202.311%203.234%205.55%203.234%209.22s-1.106%206.91-3.235%209.222C23.488%2027.52%2020.27%2029%2015.84%2029s-7.648-1.48-9.764-3.778C3.946%2022.91%202.84%2019.671%202.84%2016%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%22currentColor%22%3E%3Cpath%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.42M10.59%2021.213a.75.75%200%200%201%20.506-.932l9.06-2.685a.75.75%200%201%201%20.427%201.438l-9.06%202.685a.75.75%200%200%201-.933-.506%22%2F%3E%3Cpath%20d%3D%22M15.84%201.001c-4.905%200-8.687%201.654-11.236%204.423C2.067%208.179.84%2011.939.84%2016s1.227%207.82%203.764%2010.576c2.55%202.768%206.331%204.423%2011.235%204.423s8.686-1.654%2011.236-4.423c2.537-2.755%203.763-6.515%203.763-10.576s-1.226-7.821-3.763-10.576C24.525%202.655%2020.743%201%2015.839%201M2.84%2016c0-3.67%201.106-6.91%203.235-9.221C8.191%204.48%2011.408%203%2015.839%203s7.648%201.48%209.765%203.778c2.128%202.311%203.234%205.55%203.234%209.22s-1.106%206.91-3.235%209.222C23.488%2027.52%2020.27%2029%2015.84%2029s-7.648-1.48-9.764-3.778C3.946%2022.91%202.84%2019.671%202.84%2016%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-high-contrast/face-with-diagonal-mouth.svg?color=%231a73e8&size=48