face woman icon
face-woman-outline from Material Design Icons by Pictogrammers · Outline · People / Family · Apache-2.0 Free for personal and commercial use.
- Name
- face-woman-outline
- Set
- Material Design Icons
- Style
- Outline
- Category
- People / Family
- Viewbox
- 24×24
- License
- Apache 2.0
- Aliases
- emoji-woman-outline, emoticon-woman-outline, face-female-outline
1 other variant in Material Design Icons
More people / family icons from Material Design Icons
Use the face woman icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 2C6.5 2 2 6.5 2 12v10h20V12c0-5.5-4.5-10-10-10m0 2c2.9 0 5.44 1.56 6.84 3.88c-.43.07-.88.12-1.34.12c-2.9 0-5.44-1.56-6.84-3.88c.43-.07.88-.12 1.34-.12M8.08 5.03a8.05 8.05 0 0 1-3.66 4.44a8.05 8.05 0 0 1 3.66-4.44M4 11.86c2.6-.98 4.69-2.99 5.74-5.55A10 10 0 0 0 17.5 10c.75 0 1.47-.09 2.17-.24c.21.71.33 1.46.33 2.24c0 4.41-3.59 8-8 8s-8-3.59-8-8zM4 20v-2c.57.75 1.25 1.43 2 2zm16 0h-2c.75-.57 1.43-1.25 2-2zm-6.25-7a1.25 1.25 0 1 1 2.5 0a1.25 1.25 0 0 1-2.5 0m-6 0a1.25 1.25 0 1 1 2.5 0a1.25 1.25 0 0 1-2.5 0"/></svg>
React
import type { SVGProps } from "react";
export function MdiFaceWomanOutline(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="M12 2C6.5 2 2 6.5 2 12v10h20V12c0-5.5-4.5-10-10-10m0 2c2.9 0 5.44 1.56 6.84 3.88c-.43.07-.88.12-1.34.12c-2.9 0-5.44-1.56-6.84-3.88c.43-.07.88-.12 1.34-.12M8.08 5.03a8.05 8.05 0 0 1-3.66 4.44a8.05 8.05 0 0 1 3.66-4.44M4 11.86c2.6-.98 4.69-2.99 5.74-5.55A10 10 0 0 0 17.5 10c.75 0 1.47-.09 2.17-.24c.21.71.33 1.46.33 2.24c0 4.41-3.59 8-8 8s-8-3.59-8-8zM4 20v-2c.57.75 1.25 1.43 2 2zm16 0h-2c.75-.57 1.43-1.25 2-2zm-6.25-7a1.25 1.25 0 1 1 2.5 0a1.25 1.25 0 0 1-2.5 0m-6 0a1.25 1.25 0 1 1 2.5 0a1.25 1.25 0 0 1-2.5 0"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 2C6.5 2 2 6.5 2 12v10h20V12c0-5.5-4.5-10-10-10m0 2c2.9 0 5.44 1.56 6.84 3.88c-.43.07-.88.12-1.34.12c-2.9 0-5.44-1.56-6.84-3.88c.43-.07.88-.12 1.34-.12M8.08 5.03a8.05 8.05 0 0 1-3.66 4.44a8.05 8.05 0 0 1 3.66-4.44M4 11.86c2.6-.98 4.69-2.99 5.74-5.55A10 10 0 0 0 17.5 10c.75 0 1.47-.09 2.17-.24c.21.71.33 1.46.33 2.24c0 4.41-3.59 8-8 8s-8-3.59-8-8zM4 20v-2c.57.75 1.25 1.43 2 2zm16 0h-2c.75-.57 1.43-1.25 2-2zm-6.25-7a1.25 1.25 0 1 1 2.5 0a1.25 1.25 0 0 1-2.5 0m-6 0a1.25 1.25 0 1 1 2.5 0a1.25 1.25 0 0 1-2.5 0"/></svg> </template>
CSS
.icon-face-woman-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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12%202C6.5%202%202%206.5%202%2012v10h20V12c0-5.5-4.5-10-10-10m0%202c2.9%200%205.44%201.56%206.84%203.88c-.43.07-.88.12-1.34.12c-2.9%200-5.44-1.56-6.84-3.88c.43-.07.88-.12%201.34-.12M8.08%205.03a8.05%208.05%200%200%201-3.66%204.44a8.05%208.05%200%200%201%203.66-4.44M4%2011.86c2.6-.98%204.69-2.99%205.74-5.55A10%2010%200%200%200%2017.5%2010c.75%200%201.47-.09%202.17-.24c.21.71.33%201.46.33%202.24c0%204.41-3.59%208-8%208s-8-3.59-8-8zM4%2020v-2c.57.75%201.25%201.43%202%202zm16%200h-2c.75-.57%201.43-1.25%202-2zm-6.25-7a1.25%201.25%200%201%201%202.5%200a1.25%201.25%200%200%201-2.5%200m-6%200a1.25%201.25%200%201%201%202.5%200a1.25%201.25%200%200%201-2.5%200%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%22M12%202C6.5%202%202%206.5%202%2012v10h20V12c0-5.5-4.5-10-10-10m0%202c2.9%200%205.44%201.56%206.84%203.88c-.43.07-.88.12-1.34.12c-2.9%200-5.44-1.56-6.84-3.88c.43-.07.88-.12%201.34-.12M8.08%205.03a8.05%208.05%200%200%201-3.66%204.44a8.05%208.05%200%200%201%203.66-4.44M4%2011.86c2.6-.98%204.69-2.99%205.74-5.55A10%2010%200%200%200%2017.5%2010c.75%200%201.47-.09%202.17-.24c.21.71.33%201.46.33%202.24c0%204.41-3.59%208-8%208s-8-3.59-8-8zM4%2020v-2c.57.75%201.25%201.43%202%202zm16%200h-2c.75-.57%201.43-1.25%202-2zm-6.25-7a1.25%201.25%200%201%201%202.5%200a1.25%201.25%200%200%201-2.5%200m-6%200a1.25%201.25%200%201%201%202.5%200a1.25%201.25%200%200%201-2.5%200%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mdi/face-woman-outline.svg?color=%231a73e8&size=48
