mouth emoji
mouth from Streamline Emojis by Streamline · Default · Smiley People · CC-BY-4.0 Attribution required.
- Name
- mouth
- Set
- Streamline Emojis
- Style
- Default
- Category
- Smiley People
- Viewbox
- 48×48
- License
- CC BY 4.0
The same emoji in other sets
More smiley people icons from Streamline Emojis
alienamazed-faceamusing-faceanguished-faceanxious-faceastonished-faceastronaut-1astronaut-2baby-1baby-2baby-3baby-angel-1baby-angel-2backhand-index-pointing-down-1backhand-index-pointing-down-2backhand-index-pointing-left-1backhand-index-pointing-left-2backhand-index-pointing-right-1backhand-index-pointing-right-2backhand-index-pointing-up-1backhand-index-pointing-up-2beaming-face-with-smiling-eyesbikiniboy-1
Use the mouth emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="#45413c" d="M10.42 43.15a13.58 1.85 0 1 0 27.16 0a13.58 1.85 0 1 0-27.16 0" opacity=".15"/><path fill="#ff6196" d="M24 36s-4.24.34-11.5-4.75a81 81 0 0 0-9.15-5.7A1.78 1.78 0 0 1 2.4 24a1.76 1.76 0 0 1 .8-1.49a38.9 38.9 0 0 0 11-10.91C20 2.32 24 8 24 8s4-5.66 9.8 3.62a38.9 38.9 0 0 0 11 10.91a1.76 1.76 0 0 1 .8 1.47a1.78 1.78 0 0 1-1 1.58a81 81 0 0 0-9.15 5.7C28.24 36.37 24 36 24 36"/><path fill="#ff87af" d="M2.4 24.1c0 .43.53.72 1 .85c1.49.43 4.68 1.43 9.15 3.2C19.76 31 24 30.83 24 30.83s4.24.19 11.5-2.68c4.47-1.77 7.66-2.77 9.15-3.2c.42-.13.93-.42 1-.85Z"/><path fill="#ff87af" d="m3.35 25.58l.1.05A38.8 38.8 0 0 0 14.2 14.89c3.49-5.57 6.32-5.76 8-5a4.53 4.53 0 0 0 3.54 0c1.71-.74 4.54-.55 8 5a38.8 38.8 0 0 0 10.81 10.74l.1-.05a1.78 1.78 0 0 0 1-1.58a1.76 1.76 0 0 0-.8-1.49a38.9 38.9 0 0 1-11-10.91C28 2.32 24 8 24 8s-4-5.66-9.8 3.62a38.9 38.9 0 0 1-11 10.91A1.76 1.76 0 0 0 2.4 24a1.78 1.78 0 0 0 .95 1.58"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M45.6 24a1.78 1.78 0 0 1-1 1.58a81 81 0 0 0-9.15 5.7C28.24 36.37 24 36 24 36s-4.24.34-11.5-4.75a81 81 0 0 0-9.15-5.7A1.78 1.78 0 0 1 2.4 24a1.76 1.76 0 0 1 .8-1.49a38.9 38.9 0 0 0 11-10.91C20 2.32 24 8 24 8s4-5.66 9.8 3.62a38.9 38.9 0 0 0 11 10.91a1.76 1.76 0 0 1 .8 1.47"/><path fill="#525252" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M24 24.1a84 84 0 0 1 10.8.7a32 32 0 0 0 10.8-.7a37.3 37.3 0 0 1-10.8-3.47c-5.48-2.78-7.48-3.55-10.8-3.55s-5.32.77-10.8 3.55A37.3 37.3 0 0 1 2.4 24.1a32 32 0 0 0 10.8.7a84 84 0 0 1 10.8-.7"/><path fill="#fff" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M24 21.56c4.21 0 8.28-.11 12.09-.31c-.42-.2-.86-.4-1.29-.62c-5.48-2.78-7.48-3.55-10.8-3.55s-5.32.77-10.8 3.55c-.43.22-.87.42-1.29.62c3.81.2 7.88.31 12.09.31"/></svg>
React
import type { SVGProps } from "react";
export function StreamlineEmojisMouth(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="#45413c" d="M10.42 43.15a13.58 1.85 0 1 0 27.16 0a13.58 1.85 0 1 0-27.16 0" opacity=".15"/><path fill="#ff6196" d="M24 36s-4.24.34-11.5-4.75a81 81 0 0 0-9.15-5.7A1.78 1.78 0 0 1 2.4 24a1.76 1.76 0 0 1 .8-1.49a38.9 38.9 0 0 0 11-10.91C20 2.32 24 8 24 8s4-5.66 9.8 3.62a38.9 38.9 0 0 0 11 10.91a1.76 1.76 0 0 1 .8 1.47a1.78 1.78 0 0 1-1 1.58a81 81 0 0 0-9.15 5.7C28.24 36.37 24 36 24 36"/><path fill="#ff87af" d="M2.4 24.1c0 .43.53.72 1 .85c1.49.43 4.68 1.43 9.15 3.2C19.76 31 24 30.83 24 30.83s4.24.19 11.5-2.68c4.47-1.77 7.66-2.77 9.15-3.2c.42-.13.93-.42 1-.85Z"/><path fill="#ff87af" d="m3.35 25.58l.1.05A38.8 38.8 0 0 0 14.2 14.89c3.49-5.57 6.32-5.76 8-5a4.53 4.53 0 0 0 3.54 0c1.71-.74 4.54-.55 8 5a38.8 38.8 0 0 0 10.81 10.74l.1-.05a1.78 1.78 0 0 0 1-1.58a1.76 1.76 0 0 0-.8-1.49a38.9 38.9 0 0 1-11-10.91C28 2.32 24 8 24 8s-4-5.66-9.8 3.62a38.9 38.9 0 0 1-11 10.91A1.76 1.76 0 0 0 2.4 24a1.78 1.78 0 0 0 .95 1.58"/><path fill="none" stroke="#45413c" strokeLinecap="round" strokeLinejoin="round" d="M45.6 24a1.78 1.78 0 0 1-1 1.58a81 81 0 0 0-9.15 5.7C28.24 36.37 24 36 24 36s-4.24.34-11.5-4.75a81 81 0 0 0-9.15-5.7A1.78 1.78 0 0 1 2.4 24a1.76 1.76 0 0 1 .8-1.49a38.9 38.9 0 0 0 11-10.91C20 2.32 24 8 24 8s4-5.66 9.8 3.62a38.9 38.9 0 0 0 11 10.91a1.76 1.76 0 0 1 .8 1.47"/><path fill="#525252" stroke="#45413c" strokeLinecap="round" strokeLinejoin="round" d="M24 24.1a84 84 0 0 1 10.8.7a32 32 0 0 0 10.8-.7a37.3 37.3 0 0 1-10.8-3.47c-5.48-2.78-7.48-3.55-10.8-3.55s-5.32.77-10.8 3.55A37.3 37.3 0 0 1 2.4 24.1a32 32 0 0 0 10.8.7a84 84 0 0 1 10.8-.7"/><path fill="#fff" stroke="#45413c" strokeLinecap="round" strokeLinejoin="round" d="M24 21.56c4.21 0 8.28-.11 12.09-.31c-.42-.2-.86-.4-1.29-.62c-5.48-2.78-7.48-3.55-10.8-3.55s-5.32.77-10.8 3.55c-.43.22-.87.42-1.29.62c3.81.2 7.88.31 12.09.31"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="#45413c" d="M10.42 43.15a13.58 1.85 0 1 0 27.16 0a13.58 1.85 0 1 0-27.16 0" opacity=".15"/><path fill="#ff6196" d="M24 36s-4.24.34-11.5-4.75a81 81 0 0 0-9.15-5.7A1.78 1.78 0 0 1 2.4 24a1.76 1.76 0 0 1 .8-1.49a38.9 38.9 0 0 0 11-10.91C20 2.32 24 8 24 8s4-5.66 9.8 3.62a38.9 38.9 0 0 0 11 10.91a1.76 1.76 0 0 1 .8 1.47a1.78 1.78 0 0 1-1 1.58a81 81 0 0 0-9.15 5.7C28.24 36.37 24 36 24 36"/><path fill="#ff87af" d="M2.4 24.1c0 .43.53.72 1 .85c1.49.43 4.68 1.43 9.15 3.2C19.76 31 24 30.83 24 30.83s4.24.19 11.5-2.68c4.47-1.77 7.66-2.77 9.15-3.2c.42-.13.93-.42 1-.85Z"/><path fill="#ff87af" d="m3.35 25.58l.1.05A38.8 38.8 0 0 0 14.2 14.89c3.49-5.57 6.32-5.76 8-5a4.53 4.53 0 0 0 3.54 0c1.71-.74 4.54-.55 8 5a38.8 38.8 0 0 0 10.81 10.74l.1-.05a1.78 1.78 0 0 0 1-1.58a1.76 1.76 0 0 0-.8-1.49a38.9 38.9 0 0 1-11-10.91C28 2.32 24 8 24 8s-4-5.66-9.8 3.62a38.9 38.9 0 0 1-11 10.91A1.76 1.76 0 0 0 2.4 24a1.78 1.78 0 0 0 .95 1.58"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M45.6 24a1.78 1.78 0 0 1-1 1.58a81 81 0 0 0-9.15 5.7C28.24 36.37 24 36 24 36s-4.24.34-11.5-4.75a81 81 0 0 0-9.15-5.7A1.78 1.78 0 0 1 2.4 24a1.76 1.76 0 0 1 .8-1.49a38.9 38.9 0 0 0 11-10.91C20 2.32 24 8 24 8s4-5.66 9.8 3.62a38.9 38.9 0 0 0 11 10.91a1.76 1.76 0 0 1 .8 1.47"/><path fill="#525252" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M24 24.1a84 84 0 0 1 10.8.7a32 32 0 0 0 10.8-.7a37.3 37.3 0 0 1-10.8-3.47c-5.48-2.78-7.48-3.55-10.8-3.55s-5.32.77-10.8 3.55A37.3 37.3 0 0 1 2.4 24.1a32 32 0 0 0 10.8.7a84 84 0 0 1 10.8-.7"/><path fill="#fff" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M24 21.56c4.21 0 8.28-.11 12.09-.31c-.42-.2-.86-.4-1.29-.62c-5.48-2.78-7.48-3.55-10.8-3.55s-5.32.77-10.8 3.55c-.43.22-.87.42-1.29.62c3.81.2 7.88.31 12.09.31"/></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%2048%2048%22%3E%3Cpath%20fill%3D%22%2345413c%22%20d%3D%22M10.42%2043.15a13.58%201.85%200%201%200%2027.16%200a13.58%201.85%200%201%200-27.16%200%22%20opacity%3D%22.15%22%2F%3E%3Cpath%20fill%3D%22%23ff6196%22%20d%3D%22M24%2036s-4.24.34-11.5-4.75a81%2081%200%200%200-9.15-5.7A1.78%201.78%200%200%201%202.4%2024a1.76%201.76%200%200%201%20.8-1.49a38.9%2038.9%200%200%200%2011-10.91C20%202.32%2024%208%2024%208s4-5.66%209.8%203.62a38.9%2038.9%200%200%200%2011%2010.91a1.76%201.76%200%200%201%20.8%201.47a1.78%201.78%200%200%201-1%201.58a81%2081%200%200%200-9.15%205.7C28.24%2036.37%2024%2036%2024%2036%22%2F%3E%3Cpath%20fill%3D%22%23ff87af%22%20d%3D%22M2.4%2024.1c0%20.43.53.72%201%20.85c1.49.43%204.68%201.43%209.15%203.2C19.76%2031%2024%2030.83%2024%2030.83s4.24.19%2011.5-2.68c4.47-1.77%207.66-2.77%209.15-3.2c.42-.13.93-.42%201-.85Z%22%2F%3E%3Cpath%20fill%3D%22%23ff87af%22%20d%3D%22m3.35%2025.58l.1.05A38.8%2038.8%200%200%200%2014.2%2014.89c3.49-5.57%206.32-5.76%208-5a4.53%204.53%200%200%200%203.54%200c1.71-.74%204.54-.55%208%205a38.8%2038.8%200%200%200%2010.81%2010.74l.1-.05a1.78%201.78%200%200%200%201-1.58a1.76%201.76%200%200%200-.8-1.49a38.9%2038.9%200%200%201-11-10.91C28%202.32%2024%208%2024%208s-4-5.66-9.8%203.62a38.9%2038.9%200%200%201-11%2010.91A1.76%201.76%200%200%200%202.4%2024a1.78%201.78%200%200%200%20.95%201.58%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M45.6%2024a1.78%201.78%200%200%201-1%201.58a81%2081%200%200%200-9.15%205.7C28.24%2036.37%2024%2036%2024%2036s-4.24.34-11.5-4.75a81%2081%200%200%200-9.15-5.7A1.78%201.78%200%200%201%202.4%2024a1.76%201.76%200%200%201%20.8-1.49a38.9%2038.9%200%200%200%2011-10.91C20%202.32%2024%208%2024%208s4-5.66%209.8%203.62a38.9%2038.9%200%200%200%2011%2010.91a1.76%201.76%200%200%201%20.8%201.47%22%2F%3E%3Cpath%20fill%3D%22%23525252%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M24%2024.1a84%2084%200%200%201%2010.8.7a32%2032%200%200%200%2010.8-.7a37.3%2037.3%200%200%201-10.8-3.47c-5.48-2.78-7.48-3.55-10.8-3.55s-5.32.77-10.8%203.55A37.3%2037.3%200%200%201%202.4%2024.1a32%2032%200%200%200%2010.8.7a84%2084%200%200%201%2010.8-.7%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M24%2021.56c4.21%200%208.28-.11%2012.09-.31c-.42-.2-.86-.4-1.29-.62c-5.48-2.78-7.48-3.55-10.8-3.55s-5.32.77-10.8%203.55c-.43.22-.87.42-1.29.62c3.81.2%207.88.31%2012.09.31%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%2048%2048%22%3E%3Cpath%20fill%3D%22%2345413c%22%20d%3D%22M10.42%2043.15a13.58%201.85%200%201%200%2027.16%200a13.58%201.85%200%201%200-27.16%200%22%20opacity%3D%22.15%22%2F%3E%3Cpath%20fill%3D%22%23ff6196%22%20d%3D%22M24%2036s-4.24.34-11.5-4.75a81%2081%200%200%200-9.15-5.7A1.78%201.78%200%200%201%202.4%2024a1.76%201.76%200%200%201%20.8-1.49a38.9%2038.9%200%200%200%2011-10.91C20%202.32%2024%208%2024%208s4-5.66%209.8%203.62a38.9%2038.9%200%200%200%2011%2010.91a1.76%201.76%200%200%201%20.8%201.47a1.78%201.78%200%200%201-1%201.58a81%2081%200%200%200-9.15%205.7C28.24%2036.37%2024%2036%2024%2036%22%2F%3E%3Cpath%20fill%3D%22%23ff87af%22%20d%3D%22M2.4%2024.1c0%20.43.53.72%201%20.85c1.49.43%204.68%201.43%209.15%203.2C19.76%2031%2024%2030.83%2024%2030.83s4.24.19%2011.5-2.68c4.47-1.77%207.66-2.77%209.15-3.2c.42-.13.93-.42%201-.85Z%22%2F%3E%3Cpath%20fill%3D%22%23ff87af%22%20d%3D%22m3.35%2025.58l.1.05A38.8%2038.8%200%200%200%2014.2%2014.89c3.49-5.57%206.32-5.76%208-5a4.53%204.53%200%200%200%203.54%200c1.71-.74%204.54-.55%208%205a38.8%2038.8%200%200%200%2010.81%2010.74l.1-.05a1.78%201.78%200%200%200%201-1.58a1.76%201.76%200%200%200-.8-1.49a38.9%2038.9%200%200%201-11-10.91C28%202.32%2024%208%2024%208s-4-5.66-9.8%203.62a38.9%2038.9%200%200%201-11%2010.91A1.76%201.76%200%200%200%202.4%2024a1.78%201.78%200%200%200%20.95%201.58%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M45.6%2024a1.78%201.78%200%200%201-1%201.58a81%2081%200%200%200-9.15%205.7C28.24%2036.37%2024%2036%2024%2036s-4.24.34-11.5-4.75a81%2081%200%200%200-9.15-5.7A1.78%201.78%200%200%201%202.4%2024a1.76%201.76%200%200%201%20.8-1.49a38.9%2038.9%200%200%200%2011-10.91C20%202.32%2024%208%2024%208s4-5.66%209.8%203.62a38.9%2038.9%200%200%200%2011%2010.91a1.76%201.76%200%200%201%20.8%201.47%22%2F%3E%3Cpath%20fill%3D%22%23525252%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M24%2024.1a84%2084%200%200%201%2010.8.7a32%2032%200%200%200%2010.8-.7a37.3%2037.3%200%200%201-10.8-3.47c-5.48-2.78-7.48-3.55-10.8-3.55s-5.32.77-10.8%203.55A37.3%2037.3%200%200%201%202.4%2024.1a32%2032%200%200%200%2010.8.7a84%2084%200%200%201%2010.8-.7%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M24%2021.56c4.21%200%208.28-.11%2012.09-.31c-.42-.2-.86-.4-1.29-.62c-5.48-2.78-7.48-3.55-10.8-3.55s-5.32.77-10.8%203.55c-.43.22-.87.42-1.29.62c3.81.2%207.88.31%2012.09.31%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/streamline-emojis/mouth.svg?color=%231a73e8&size=48
