mouth emoji
mouth from Twitter Emoji by Twitter · Default · People & Body · CC-BY-4.0 Attribution required.
- Name
- mouth
- Set
- Twitter Emoji
- Style
- Default
- Category
- People & Body
- Viewbox
- 36×36
- License
- CC BY 4.0
The same emoji in other sets
More people & body icons from Twitter Emoji
anatomical-heartartistastronautbabybaby-angelbackhand-index-pointing-downbackhand-index-pointing-leftbackhand-index-pointing-rightbackhand-index-pointing-upballet-dancerbiting-lipboneboybrainbreast-feedingbust-in-silhouettebusts-in-silhouettecall-me-handchildclapping-handsconstruction-workercookcouple-with-heartcouple-with-heart-man-man
Use the mouth emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#e75a70" d="M29 12c-4.688-3.515-6-6-8-6s-2 1-3 1s-1-1-3-1s-3.313 2.485-8 6c-4 3-7 3-7 5s5 6 8 9c2 2 5 4 10 4s8-2 10-4c3-3 8-7 8-9s-3-2-7-5"/><path fill="#662113" d="M28.389 15.5C23.963 14.035 21 13.417 18 13.417s-5.962.618-10.389 2.083C3.833 16.75 1 16.167 1 17c0 .834 9 5 17 5s17-4.166 17-5s-2.834-.25-6.611-1.5"/><path fill="#fff" d="M28.389 15.5C23.963 14.035 21 13.417 18 13.417s-5.962.618-10.389 2.083c-3.624 1.199-6.371.715-6.59 1.408c2.454.385 9.119-.644 16.979-.644s14.524 1.029 16.979.644c-.219-.693-2.967-.209-6.59-1.408"/></svg>
React
import type { SVGProps } from "react";
export function TwemojiMouth(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#e75a70" d="M29 12c-4.688-3.515-6-6-8-6s-2 1-3 1s-1-1-3-1s-3.313 2.485-8 6c-4 3-7 3-7 5s5 6 8 9c2 2 5 4 10 4s8-2 10-4c3-3 8-7 8-9s-3-2-7-5"/><path fill="#662113" d="M28.389 15.5C23.963 14.035 21 13.417 18 13.417s-5.962.618-10.389 2.083C3.833 16.75 1 16.167 1 17c0 .834 9 5 17 5s17-4.166 17-5s-2.834-.25-6.611-1.5"/><path fill="#fff" d="M28.389 15.5C23.963 14.035 21 13.417 18 13.417s-5.962.618-10.389 2.083c-3.624 1.199-6.371.715-6.59 1.408c2.454.385 9.119-.644 16.979-.644s14.524 1.029 16.979.644c-.219-.693-2.967-.209-6.59-1.408"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#e75a70" d="M29 12c-4.688-3.515-6-6-8-6s-2 1-3 1s-1-1-3-1s-3.313 2.485-8 6c-4 3-7 3-7 5s5 6 8 9c2 2 5 4 10 4s8-2 10-4c3-3 8-7 8-9s-3-2-7-5"/><path fill="#662113" d="M28.389 15.5C23.963 14.035 21 13.417 18 13.417s-5.962.618-10.389 2.083C3.833 16.75 1 16.167 1 17c0 .834 9 5 17 5s17-4.166 17-5s-2.834-.25-6.611-1.5"/><path fill="#fff" d="M28.389 15.5C23.963 14.035 21 13.417 18 13.417s-5.962.618-10.389 2.083c-3.624 1.199-6.371.715-6.59 1.408c2.454.385 9.119-.644 16.979-.644s14.524 1.029 16.979.644c-.219-.693-2.967-.209-6.59-1.408"/></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%2036%2036%22%3E%3Cpath%20fill%3D%22%23e75a70%22%20d%3D%22M29%2012c-4.688-3.515-6-6-8-6s-2%201-3%201s-1-1-3-1s-3.313%202.485-8%206c-4%203-7%203-7%205s5%206%208%209c2%202%205%204%2010%204s8-2%2010-4c3-3%208-7%208-9s-3-2-7-5%22%2F%3E%3Cpath%20fill%3D%22%23662113%22%20d%3D%22M28.389%2015.5C23.963%2014.035%2021%2013.417%2018%2013.417s-5.962.618-10.389%202.083C3.833%2016.75%201%2016.167%201%2017c0%20.834%209%205%2017%205s17-4.166%2017-5s-2.834-.25-6.611-1.5%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M28.389%2015.5C23.963%2014.035%2021%2013.417%2018%2013.417s-5.962.618-10.389%202.083c-3.624%201.199-6.371.715-6.59%201.408c2.454.385%209.119-.644%2016.979-.644s14.524%201.029%2016.979.644c-.219-.693-2.967-.209-6.59-1.408%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%2036%2036%22%3E%3Cpath%20fill%3D%22%23e75a70%22%20d%3D%22M29%2012c-4.688-3.515-6-6-8-6s-2%201-3%201s-1-1-3-1s-3.313%202.485-8%206c-4%203-7%203-7%205s5%206%208%209c2%202%205%204%2010%204s8-2%2010-4c3-3%208-7%208-9s-3-2-7-5%22%2F%3E%3Cpath%20fill%3D%22%23662113%22%20d%3D%22M28.389%2015.5C23.963%2014.035%2021%2013.417%2018%2013.417s-5.962.618-10.389%202.083C3.833%2016.75%201%2016.167%201%2017c0%20.834%209%205%2017%205s17-4.166%2017-5s-2.834-.25-6.611-1.5%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M28.389%2015.5C23.963%2014.035%2021%2013.417%2018%2013.417s-5.962.618-10.389%202.083c-3.624%201.199-6.371.715-6.59%201.408c2.454.385%209.119-.644%2016.979-.644s14.524%201.029%2016.979.644c-.219-.693-2.967-.209-6.59-1.408%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/twemoji/mouth.svg?color=%231a73e8&size=48
