mouth icon
mouth-fill from MingCute Icon by MingCute Design · Fill · Apache-2.0 Free for personal and commercial use.
- Name
- mouth-fill
- Set
- MingCute Icon
- Style
- Fill
- Viewbox
- 24×24
- License
- Apache 2.0
1 other variant in MingCute Icon
The same icon in other sets
Use the mouth icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M14.927 6.002c2.015.076 3.98 1.071 5.387 2.036c.837.574 1.702 1.231 2.32 2.049c.202.266.366.571.366.914c0 1.512-1.898 3.083-2.914 3.948C18.27 16.496 15.549 18 12 18s-6.27-1.505-8.086-3.05C2.937 14.116 1 12.451 1 11c0-1.317 1.763-2.33 2.686-2.963c1.406-.965 3.372-1.96 5.387-2.036c1.032-.04 1.851.523 2.748.925c.155.07.203.07.358 0c.896-.402 1.716-.964 2.748-.925M16.367 11a17.8 17.8 0 0 0-4.367.539A17.8 17.8 0 0 0 7.633 11c-1.61 0-3.164.212-4.633.608A29.5 29.5 0 0 0 12 13c3.153 0 6.182-.49 9-1.392A17.8 17.8 0 0 0 16.367 11"/></svg>
React
import type { SVGProps } from "react";
export function MingcuteMouthFill(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M14.927 6.002c2.015.076 3.98 1.071 5.387 2.036c.837.574 1.702 1.231 2.32 2.049c.202.266.366.571.366.914c0 1.512-1.898 3.083-2.914 3.948C18.27 16.496 15.549 18 12 18s-6.27-1.505-8.086-3.05C2.937 14.116 1 12.451 1 11c0-1.317 1.763-2.33 2.686-2.963c1.406-.965 3.372-1.96 5.387-2.036c1.032-.04 1.851.523 2.748.925c.155.07.203.07.358 0c.896-.402 1.716-.964 2.748-.925M16.367 11a17.8 17.8 0 0 0-4.367.539A17.8 17.8 0 0 0 7.633 11c-1.61 0-3.164.212-4.633.608A29.5 29.5 0 0 0 12 13c3.153 0 6.182-.49 9-1.392A17.8 17.8 0 0 0 16.367 11"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M14.927 6.002c2.015.076 3.98 1.071 5.387 2.036c.837.574 1.702 1.231 2.32 2.049c.202.266.366.571.366.914c0 1.512-1.898 3.083-2.914 3.948C18.27 16.496 15.549 18 12 18s-6.27-1.505-8.086-3.05C2.937 14.116 1 12.451 1 11c0-1.317 1.763-2.33 2.686-2.963c1.406-.965 3.372-1.96 5.387-2.036c1.032-.04 1.851.523 2.748.925c.155.07.203.07.358 0c.896-.402 1.716-.964 2.748-.925M16.367 11a17.8 17.8 0 0 0-4.367.539A17.8 17.8 0 0 0 7.633 11c-1.61 0-3.164.212-4.633.608A29.5 29.5 0 0 0 12 13c3.153 0 6.182-.49 9-1.392A17.8 17.8 0 0 0 16.367 11"/></svg> </template>
CSS
.icon-mouth-fill {
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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M14.927%206.002c2.015.076%203.98%201.071%205.387%202.036c.837.574%201.702%201.231%202.32%202.049c.202.266.366.571.366.914c0%201.512-1.898%203.083-2.914%203.948C18.27%2016.496%2015.549%2018%2012%2018s-6.27-1.505-8.086-3.05C2.937%2014.116%201%2012.451%201%2011c0-1.317%201.763-2.33%202.686-2.963c1.406-.965%203.372-1.96%205.387-2.036c1.032-.04%201.851.523%202.748.925c.155.07.203.07.358%200c.896-.402%201.716-.964%202.748-.925M16.367%2011a17.8%2017.8%200%200%200-4.367.539A17.8%2017.8%200%200%200%207.633%2011c-1.61%200-3.164.212-4.633.608A29.5%2029.5%200%200%200%2012%2013c3.153%200%206.182-.49%209-1.392A17.8%2017.8%200%200%200%2016.367%2011%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M14.927%206.002c2.015.076%203.98%201.071%205.387%202.036c.837.574%201.702%201.231%202.32%202.049c.202.266.366.571.366.914c0%201.512-1.898%203.083-2.914%203.948C18.27%2016.496%2015.549%2018%2012%2018s-6.27-1.505-8.086-3.05C2.937%2014.116%201%2012.451%201%2011c0-1.317%201.763-2.33%202.686-2.963c1.406-.965%203.372-1.96%205.387-2.036c1.032-.04%201.851.523%202.748.925c.155.07.203.07.358%200c.896-.402%201.716-.964%202.748-.925M16.367%2011a17.8%2017.8%200%200%200-4.367.539A17.8%2017.8%200%200%200%207.633%2011c-1.61%200-3.164.212-4.633.608A29.5%2029.5%200%200%200%2012%2013c3.153%200%206.182-.49%209-1.392A17.8%2017.8%200%200%200%2016.367%2011%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mingcute/mouth-fill.svg?color=%231a73e8&size=48
