mouth emoji
mouth from Fluent Emoji High Contrast by Microsoft Corporation · Default · People & Body · MIT Free for personal and commercial use.
- Name
- mouth
- Set
- Fluent Emoji High Contrast
- Style
- Default
- Category
- People & Body
- Viewbox
- 32×32
- License
- MIT
The same emoji in other sets
More people & body icons from Fluent Emoji High Contrast
anatomical-heartartistastronautbabybaby-angelbackhand-index-pointing-downbackhand-index-pointing-leftbackhand-index-pointing-upbiting-lipboneboybrainbreast-feedingbust-in-silhouettebusts-in-silhouettecall-me-handchildclapping-handsconstruction-workercookcrossed-fingersdetectiveearear-with-hearing-aid
Use the mouth emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M5.821 9.735C7.486 7.814 9.427 7 11.797 7c1.541 0 2.985.442 4.201 1.205a7.91 7.91 0 0 1 10.173 1.529l.025.028l.023.03c1.162 1.56 2.202 3.264 3.208 4.914c.439.718.87 1.426 1.304 2.108l.003.005a1.69 1.69 0 0 1-.066 1.944l-.124.248l-.001.003c-1.212 2.465-3.275 4.893-5.702 6.709c-2.421 1.812-5.303 3.087-8.164 3.087h-1.35c-2.862 0-5.744-1.278-8.168-3.09c-2.43-1.818-4.5-4.246-5.727-6.703l-.2-.4l-.044-.099a1.7 1.7 0 0 1 .086-1.706l.005-.009c.498-.762.959-1.56 1.439-2.392q.318-.555.656-1.13c.718-1.215 1.503-2.456 2.447-3.546m22.342 9.461l-.15-.05l-1.776.54a35.3 35.3 0 0 1-20.5 0l-1.772-.539l-.145.05c1.102 1.792 2.697 3.545 4.537 4.92c2.213 1.656 4.682 2.693 6.97 2.693h1.35c2.288 0 4.757-1.035 6.966-2.688c1.838-1.376 3.429-3.13 4.52-4.926m-.116-2.151l.394-.12q-.394-.639-.78-1.272c-.975-1.599-1.927-3.16-3.023-4.634a5.91 5.91 0 0 0-8.036-.803l-.608.462l-.606-.465A5.9 5.9 0 0 0 11.797 9c-1.81 0-3.193.577-4.464 2.045c-.822.948-1.533 2.061-2.236 3.253q-.305.519-.616 1.059c-.302.523-.609 1.055-.923 1.575l.374.115l4.404-1.494a23.9 23.9 0 0 1 15.312 0zm-18.64.262c1.69.428 4.018.693 6.59.693c2.569 0 4.896-.264 6.584-.692a21.9 21.9 0 0 0-13.174-.001"/></svg>
React
import type { SVGProps } from "react";
export function FluentEmojiHighContrastMouth(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M5.821 9.735C7.486 7.814 9.427 7 11.797 7c1.541 0 2.985.442 4.201 1.205a7.91 7.91 0 0 1 10.173 1.529l.025.028l.023.03c1.162 1.56 2.202 3.264 3.208 4.914c.439.718.87 1.426 1.304 2.108l.003.005a1.69 1.69 0 0 1-.066 1.944l-.124.248l-.001.003c-1.212 2.465-3.275 4.893-5.702 6.709c-2.421 1.812-5.303 3.087-8.164 3.087h-1.35c-2.862 0-5.744-1.278-8.168-3.09c-2.43-1.818-4.5-4.246-5.727-6.703l-.2-.4l-.044-.099a1.7 1.7 0 0 1 .086-1.706l.005-.009c.498-.762.959-1.56 1.439-2.392q.318-.555.656-1.13c.718-1.215 1.503-2.456 2.447-3.546m22.342 9.461l-.15-.05l-1.776.54a35.3 35.3 0 0 1-20.5 0l-1.772-.539l-.145.05c1.102 1.792 2.697 3.545 4.537 4.92c2.213 1.656 4.682 2.693 6.97 2.693h1.35c2.288 0 4.757-1.035 6.966-2.688c1.838-1.376 3.429-3.13 4.52-4.926m-.116-2.151l.394-.12q-.394-.639-.78-1.272c-.975-1.599-1.927-3.16-3.023-4.634a5.91 5.91 0 0 0-8.036-.803l-.608.462l-.606-.465A5.9 5.9 0 0 0 11.797 9c-1.81 0-3.193.577-4.464 2.045c-.822.948-1.533 2.061-2.236 3.253q-.305.519-.616 1.059c-.302.523-.609 1.055-.923 1.575l.374.115l4.404-1.494a23.9 23.9 0 0 1 15.312 0zm-18.64.262c1.69.428 4.018.693 6.59.693c2.569 0 4.896-.264 6.584-.692a21.9 21.9 0 0 0-13.174-.001"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M5.821 9.735C7.486 7.814 9.427 7 11.797 7c1.541 0 2.985.442 4.201 1.205a7.91 7.91 0 0 1 10.173 1.529l.025.028l.023.03c1.162 1.56 2.202 3.264 3.208 4.914c.439.718.87 1.426 1.304 2.108l.003.005a1.69 1.69 0 0 1-.066 1.944l-.124.248l-.001.003c-1.212 2.465-3.275 4.893-5.702 6.709c-2.421 1.812-5.303 3.087-8.164 3.087h-1.35c-2.862 0-5.744-1.278-8.168-3.09c-2.43-1.818-4.5-4.246-5.727-6.703l-.2-.4l-.044-.099a1.7 1.7 0 0 1 .086-1.706l.005-.009c.498-.762.959-1.56 1.439-2.392q.318-.555.656-1.13c.718-1.215 1.503-2.456 2.447-3.546m22.342 9.461l-.15-.05l-1.776.54a35.3 35.3 0 0 1-20.5 0l-1.772-.539l-.145.05c1.102 1.792 2.697 3.545 4.537 4.92c2.213 1.656 4.682 2.693 6.97 2.693h1.35c2.288 0 4.757-1.035 6.966-2.688c1.838-1.376 3.429-3.13 4.52-4.926m-.116-2.151l.394-.12q-.394-.639-.78-1.272c-.975-1.599-1.927-3.16-3.023-4.634a5.91 5.91 0 0 0-8.036-.803l-.608.462l-.606-.465A5.9 5.9 0 0 0 11.797 9c-1.81 0-3.193.577-4.464 2.045c-.822.948-1.533 2.061-2.236 3.253q-.305.519-.616 1.059c-.302.523-.609 1.055-.923 1.575l.374.115l4.404-1.494a23.9 23.9 0 0 1 15.312 0zm-18.64.262c1.69.428 4.018.693 6.59.693c2.569 0 4.896-.264 6.584-.692a21.9 21.9 0 0 0-13.174-.001"/></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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M5.821%209.735C7.486%207.814%209.427%207%2011.797%207c1.541%200%202.985.442%204.201%201.205a7.91%207.91%200%200%201%2010.173%201.529l.025.028l.023.03c1.162%201.56%202.202%203.264%203.208%204.914c.439.718.87%201.426%201.304%202.108l.003.005a1.69%201.69%200%200%201-.066%201.944l-.124.248l-.001.003c-1.212%202.465-3.275%204.893-5.702%206.709c-2.421%201.812-5.303%203.087-8.164%203.087h-1.35c-2.862%200-5.744-1.278-8.168-3.09c-2.43-1.818-4.5-4.246-5.727-6.703l-.2-.4l-.044-.099a1.7%201.7%200%200%201%20.086-1.706l.005-.009c.498-.762.959-1.56%201.439-2.392q.318-.555.656-1.13c.718-1.215%201.503-2.456%202.447-3.546m22.342%209.461l-.15-.05l-1.776.54a35.3%2035.3%200%200%201-20.5%200l-1.772-.539l-.145.05c1.102%201.792%202.697%203.545%204.537%204.92c2.213%201.656%204.682%202.693%206.97%202.693h1.35c2.288%200%204.757-1.035%206.966-2.688c1.838-1.376%203.429-3.13%204.52-4.926m-.116-2.151l.394-.12q-.394-.639-.78-1.272c-.975-1.599-1.927-3.16-3.023-4.634a5.91%205.91%200%200%200-8.036-.803l-.608.462l-.606-.465A5.9%205.9%200%200%200%2011.797%209c-1.81%200-3.193.577-4.464%202.045c-.822.948-1.533%202.061-2.236%203.253q-.305.519-.616%201.059c-.302.523-.609%201.055-.923%201.575l.374.115l4.404-1.494a23.9%2023.9%200%200%201%2015.312%200zm-18.64.262c1.69.428%204.018.693%206.59.693c2.569%200%204.896-.264%206.584-.692a21.9%2021.9%200%200%200-13.174-.001%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M5.821%209.735C7.486%207.814%209.427%207%2011.797%207c1.541%200%202.985.442%204.201%201.205a7.91%207.91%200%200%201%2010.173%201.529l.025.028l.023.03c1.162%201.56%202.202%203.264%203.208%204.914c.439.718.87%201.426%201.304%202.108l.003.005a1.69%201.69%200%200%201-.066%201.944l-.124.248l-.001.003c-1.212%202.465-3.275%204.893-5.702%206.709c-2.421%201.812-5.303%203.087-8.164%203.087h-1.35c-2.862%200-5.744-1.278-8.168-3.09c-2.43-1.818-4.5-4.246-5.727-6.703l-.2-.4l-.044-.099a1.7%201.7%200%200%201%20.086-1.706l.005-.009c.498-.762.959-1.56%201.439-2.392q.318-.555.656-1.13c.718-1.215%201.503-2.456%202.447-3.546m22.342%209.461l-.15-.05l-1.776.54a35.3%2035.3%200%200%201-20.5%200l-1.772-.539l-.145.05c1.102%201.792%202.697%203.545%204.537%204.92c2.213%201.656%204.682%202.693%206.97%202.693h1.35c2.288%200%204.757-1.035%206.966-2.688c1.838-1.376%203.429-3.13%204.52-4.926m-.116-2.151l.394-.12q-.394-.639-.78-1.272c-.975-1.599-1.927-3.16-3.023-4.634a5.91%205.91%200%200%200-8.036-.803l-.608.462l-.606-.465A5.9%205.9%200%200%200%2011.797%209c-1.81%200-3.193.577-4.464%202.045c-.822.948-1.533%202.061-2.236%203.253q-.305.519-.616%201.059c-.302.523-.609%201.055-.923%201.575l.374.115l4.404-1.494a23.9%2023.9%200%200%201%2015.312%200zm-18.64.262c1.69.428%204.018.693%206.59.693c2.569%200%204.896-.264%206.584-.692a21.9%2021.9%200%200%200-13.174-.001%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent-emoji-high-contrast/mouth.svg?color=%231a73e8&size=48
