mouth emoji

mouth from Fluent Emoji Flat by Microsoft Corporation · Default · People & Body · MIT Free for personal and commercial use.

Name
mouth
Set
Fluent Emoji Flat
Style
Default
Category
People & Body
Viewbox
32×32
License
MIT

The same emoji in other sets

mouthEmoji One (Colored)mouthFluent EmojimouthFluent Emoji High ContrastmouthFirefox OS EmojimouthHealth IconsmouthIconParkmouthIconPark OutlinemouthLucidemouth-fillMingCute IconmouthNoto EmojimouthOpenMojimouthStreamline EmojismouthTwitter Emoji

More people & body icons from Fluent Emoji Flat

anatomical-heartartistartist-darkartist-lightartist-mediumartist-medium-darkartist-medium-lightastronautastronaut-darkastronaut-lightastronaut-mediumastronaut-medium-darkastronaut-medium-lightbabybaby-angelbaby-angel-darkbaby-angel-lightbaby-angel-mediumbaby-angel-medium-darkbaby-angel-medium-lightbaby-darkbaby-lightbaby-mediumbaby-medium-dark

Use the 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="#533566" d="M3.427 18.26s2.61-3.08 12.5-3.67s12.64 3.72 12.64 3.72s-4.69 3.32-12.6 3.57c0 0-4.95.73-12.54-3.62"/><path fill="#f4f4f4" d="M15.997 17.52c5.158 0 9.34-.958 9.34-2.14s-4.182-2.14-9.34-2.14s-9.34.958-9.34 2.14s4.182 2.14 9.34 2.14"/><path fill="#f92f60" d="m26.397 11.86l3.49 5.49a.72.72 0 0 1-.067.874l-.173.346c-2.27 4.62-7.82 9.24-12.97 9.24h-1.35c-5.15 0-10.7-4.63-13-9.24l-.2-.4a.4.4 0 0 1-.023-.058a.72.72 0 0 1 .013-.762l3.45-5.42c.24-.5 1.01-1.54 1.01-1.54A6.9 6.9 0 0 1 11.797 8c1.58 0 3.04.53 4.2 1.42a6.905 6.905 0 0 1 9.42.97s.76 1.02.98 1.47M3.949 18.097l2.078.633a34.3 34.3 0 0 0 19.92 0l2.083-.635l-4.703-1.595a22.88 22.88 0 0 0-14.67 0z"/></g></svg>

React

import type { SVGProps } from "react";

export function FluentEmojiFlatMouth(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="#533566" d="M3.427 18.26s2.61-3.08 12.5-3.67s12.64 3.72 12.64 3.72s-4.69 3.32-12.6 3.57c0 0-4.95.73-12.54-3.62"/><path fill="#f4f4f4" d="M15.997 17.52c5.158 0 9.34-.958 9.34-2.14s-4.182-2.14-9.34-2.14s-9.34.958-9.34 2.14s4.182 2.14 9.34 2.14"/><path fill="#f92f60" d="m26.397 11.86l3.49 5.49a.72.72 0 0 1-.067.874l-.173.346c-2.27 4.62-7.82 9.24-12.97 9.24h-1.35c-5.15 0-10.7-4.63-13-9.24l-.2-.4a.4.4 0 0 1-.023-.058a.72.72 0 0 1 .013-.762l3.45-5.42c.24-.5 1.01-1.54 1.01-1.54A6.9 6.9 0 0 1 11.797 8c1.58 0 3.04.53 4.2 1.42a6.905 6.905 0 0 1 9.42.97s.76 1.02.98 1.47M3.949 18.097l2.078.633a34.3 34.3 0 0 0 19.92 0l2.083-.635l-4.703-1.595a22.88 22.88 0 0 0-14.67 0z"/></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="#533566" d="M3.427 18.26s2.61-3.08 12.5-3.67s12.64 3.72 12.64 3.72s-4.69 3.32-12.6 3.57c0 0-4.95.73-12.54-3.62"/><path fill="#f4f4f4" d="M15.997 17.52c5.158 0 9.34-.958 9.34-2.14s-4.182-2.14-9.34-2.14s-9.34.958-9.34 2.14s4.182 2.14 9.34 2.14"/><path fill="#f92f60" d="m26.397 11.86l3.49 5.49a.72.72 0 0 1-.067.874l-.173.346c-2.27 4.62-7.82 9.24-12.97 9.24h-1.35c-5.15 0-10.7-4.63-13-9.24l-.2-.4a.4.4 0 0 1-.023-.058a.72.72 0 0 1 .013-.762l3.45-5.42c.24-.5 1.01-1.54 1.01-1.54A6.9 6.9 0 0 1 11.797 8c1.58 0 3.04.53 4.2 1.42a6.905 6.905 0 0 1 9.42.97s.76 1.02.98 1.47M3.949 18.097l2.078.633a34.3 34.3 0 0 0 19.92 0l2.083-.635l-4.703-1.595a22.88 22.88 0 0 0-14.67 0z"/></g></svg>
</template>

CSS

.icon-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%23533566%22%20d%3D%22M3.427%2018.26s2.61-3.08%2012.5-3.67s12.64%203.72%2012.64%203.72s-4.69%203.32-12.6%203.57c0%200-4.95.73-12.54-3.62%22%2F%3E%3Cpath%20fill%3D%22%23f4f4f4%22%20d%3D%22M15.997%2017.52c5.158%200%209.34-.958%209.34-2.14s-4.182-2.14-9.34-2.14s-9.34.958-9.34%202.14s4.182%202.14%209.34%202.14%22%2F%3E%3Cpath%20fill%3D%22%23f92f60%22%20d%3D%22m26.397%2011.86l3.49%205.49a.72.72%200%200%201-.067.874l-.173.346c-2.27%204.62-7.82%209.24-12.97%209.24h-1.35c-5.15%200-10.7-4.63-13-9.24l-.2-.4a.4.4%200%200%201-.023-.058a.72.72%200%200%201%20.013-.762l3.45-5.42c.24-.5%201.01-1.54%201.01-1.54A6.9%206.9%200%200%201%2011.797%208c1.58%200%203.04.53%204.2%201.42a6.905%206.905%200%200%201%209.42.97s.76%201.02.98%201.47M3.949%2018.097l2.078.633a34.3%2034.3%200%200%200%2019.92%200l2.083-.635l-4.703-1.595a22.88%2022.88%200%200%200-14.67%200z%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%23533566%22%20d%3D%22M3.427%2018.26s2.61-3.08%2012.5-3.67s12.64%203.72%2012.64%203.72s-4.69%203.32-12.6%203.57c0%200-4.95.73-12.54-3.62%22%2F%3E%3Cpath%20fill%3D%22%23f4f4f4%22%20d%3D%22M15.997%2017.52c5.158%200%209.34-.958%209.34-2.14s-4.182-2.14-9.34-2.14s-9.34.958-9.34%202.14s4.182%202.14%209.34%202.14%22%2F%3E%3Cpath%20fill%3D%22%23f92f60%22%20d%3D%22m26.397%2011.86l3.49%205.49a.72.72%200%200%201-.067.874l-.173.346c-2.27%204.62-7.82%209.24-12.97%209.24h-1.35c-5.15%200-10.7-4.63-13-9.24l-.2-.4a.4.4%200%200%201-.023-.058a.72.72%200%200%201%20.013-.762l3.45-5.42c.24-.5%201.01-1.54%201.01-1.54A6.9%206.9%200%200%201%2011.797%208c1.58%200%203.04.53%204.2%201.42a6.905%206.905%200%200%201%209.42.97s.76%201.02.98%201.47M3.949%2018.097l2.078.633a34.3%2034.3%200%200%200%2019.92%200l2.083-.635l-4.703-1.595a22.88%2022.88%200%200%200-14.67%200z%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/mouth.svg?color=%231a73e8&size=48