mouth icon
mouth-outline from Health Icons by Resolve to Save Lives · Outline · Body · MIT Free for personal and commercial use.
- Name
- mouth-outline
- Set
- Health Icons
- Style
- Outline
- Category
- Body
- Viewbox
- 48×48
- License
- MIT
3 other variants in Health Icons
The same icon in other sets
More body icons from Health Icons
Use the mouth icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"><path d="M24 14.182C15.2 10.255 7 18.545 4 24c3 4.364 11.2 12 20 12s17-7.636 20-12c-3-5.455-11-14.182-20-9.818m17.604 9.694c-1.464-2.32-3.734-4.995-6.458-6.8c-3.11-2.059-6.598-2.877-10.274-1.095a2 2 0 0 1-1.687.027c-3.593-1.603-7.119-.782-10.28 1.248C10.158 19.02 7.86 21.608 6.4 23.88c1.471 1.86 3.772 4.166 6.569 6.114C16.31 32.322 20.162 34 24 34s7.69-1.678 11.032-4.005c2.8-1.95 5.102-4.258 6.572-6.12"/><path d="M12.555 23.958C15.683 24.992 19.745 26 24 26c4.196 0 8.204-1.037 11.334-2.077C32.155 22.912 28.066 22 24 22c-4.114 0-8.252.934-11.445 1.958m-3.521-.86C12.448 21.73 18.202 20 24 20c5.7 0 11.36 1.672 14.793 3.03c.828.327.777 1.493-.057 1.806C35.414 26.079 29.919 28 24 28c-6.04 0-11.636-1.894-14.935-3.174c-.804-.312-.832-1.406-.031-1.727"/></g></svg>
React
import type { SVGProps } from "react";
export function HealthiconsMouthOutline(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="currentColor" fillRule="evenodd" clipRule="evenodd"><path d="M24 14.182C15.2 10.255 7 18.545 4 24c3 4.364 11.2 12 20 12s17-7.636 20-12c-3-5.455-11-14.182-20-9.818m17.604 9.694c-1.464-2.32-3.734-4.995-6.458-6.8c-3.11-2.059-6.598-2.877-10.274-1.095a2 2 0 0 1-1.687.027c-3.593-1.603-7.119-.782-10.28 1.248C10.158 19.02 7.86 21.608 6.4 23.88c1.471 1.86 3.772 4.166 6.569 6.114C16.31 32.322 20.162 34 24 34s7.69-1.678 11.032-4.005c2.8-1.95 5.102-4.258 6.572-6.12"/><path d="M12.555 23.958C15.683 24.992 19.745 26 24 26c4.196 0 8.204-1.037 11.334-2.077C32.155 22.912 28.066 22 24 22c-4.114 0-8.252.934-11.445 1.958m-3.521-.86C12.448 21.73 18.202 20 24 20c5.7 0 11.36 1.672 14.793 3.03c.828.327.777 1.493-.057 1.806C35.414 26.079 29.919 28 24 28c-6.04 0-11.636-1.894-14.935-3.174c-.804-.312-.832-1.406-.031-1.727"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"><path d="M24 14.182C15.2 10.255 7 18.545 4 24c3 4.364 11.2 12 20 12s17-7.636 20-12c-3-5.455-11-14.182-20-9.818m17.604 9.694c-1.464-2.32-3.734-4.995-6.458-6.8c-3.11-2.059-6.598-2.877-10.274-1.095a2 2 0 0 1-1.687.027c-3.593-1.603-7.119-.782-10.28 1.248C10.158 19.02 7.86 21.608 6.4 23.88c1.471 1.86 3.772 4.166 6.569 6.114C16.31 32.322 20.162 34 24 34s7.69-1.678 11.032-4.005c2.8-1.95 5.102-4.258 6.572-6.12"/><path d="M12.555 23.958C15.683 24.992 19.745 26 24 26c4.196 0 8.204-1.037 11.334-2.077C32.155 22.912 28.066 22 24 22c-4.114 0-8.252.934-11.445 1.958m-3.521-.86C12.448 21.73 18.202 20 24 20c5.7 0 11.36 1.672 14.793 3.03c.828.327.777 1.493-.057 1.806C35.414 26.079 29.919 28 24 28c-6.04 0-11.636-1.894-14.935-3.174c-.804-.312-.832-1.406-.031-1.727"/></g></svg> </template>
CSS
.icon-mouth-outline {
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%3Cg%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M24%2014.182C15.2%2010.255%207%2018.545%204%2024c3%204.364%2011.2%2012%2020%2012s17-7.636%2020-12c-3-5.455-11-14.182-20-9.818m17.604%209.694c-1.464-2.32-3.734-4.995-6.458-6.8c-3.11-2.059-6.598-2.877-10.274-1.095a2%202%200%200%201-1.687.027c-3.593-1.603-7.119-.782-10.28%201.248C10.158%2019.02%207.86%2021.608%206.4%2023.88c1.471%201.86%203.772%204.166%206.569%206.114C16.31%2032.322%2020.162%2034%2024%2034s7.69-1.678%2011.032-4.005c2.8-1.95%205.102-4.258%206.572-6.12%22%2F%3E%3Cpath%20d%3D%22M12.555%2023.958C15.683%2024.992%2019.745%2026%2024%2026c4.196%200%208.204-1.037%2011.334-2.077C32.155%2022.912%2028.066%2022%2024%2022c-4.114%200-8.252.934-11.445%201.958m-3.521-.86C12.448%2021.73%2018.202%2020%2024%2020c5.7%200%2011.36%201.672%2014.793%203.03c.828.327.777%201.493-.057%201.806C35.414%2026.079%2029.919%2028%2024%2028c-6.04%200-11.636-1.894-14.935-3.174c-.804-.312-.832-1.406-.031-1.727%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%2048%2048%22%3E%3Cg%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M24%2014.182C15.2%2010.255%207%2018.545%204%2024c3%204.364%2011.2%2012%2020%2012s17-7.636%2020-12c-3-5.455-11-14.182-20-9.818m17.604%209.694c-1.464-2.32-3.734-4.995-6.458-6.8c-3.11-2.059-6.598-2.877-10.274-1.095a2%202%200%200%201-1.687.027c-3.593-1.603-7.119-.782-10.28%201.248C10.158%2019.02%207.86%2021.608%206.4%2023.88c1.471%201.86%203.772%204.166%206.569%206.114C16.31%2032.322%2020.162%2034%2024%2034s7.69-1.678%2011.032-4.005c2.8-1.95%205.102-4.258%206.572-6.12%22%2F%3E%3Cpath%20d%3D%22M12.555%2023.958C15.683%2024.992%2019.745%2026%2024%2026c4.196%200%208.204-1.037%2011.334-2.077C32.155%2022.912%2028.066%2022%2024%2022c-4.114%200-8.252.934-11.445%201.958m-3.521-.86C12.448%2021.73%2018.202%2020%2024%2020c5.7%200%2011.36%201.672%2014.793%203.03c.828.327.777%201.493-.057%201.806C35.414%2026.079%2029.919%2028%2024%2028c-6.04%200-11.636-1.894-14.935-3.174c-.804-.312-.832-1.406-.031-1.727%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/healthicons/mouth-outline.svg?color=%231a73e8&size=48
