woman icon
woman from Material Symbols by Google · Regular · Social · Apache-2.0 Free for personal and commercial use.
- Name
- woman
- Set
- Material Symbols
- Style
- Regular
- Category
- Social
- Viewbox
- 24×24
- License
- Apache 2.0
- Aliases
- woman-outline
2 other variants in Material Symbols
The same icon in other sets
woman-outlinedAnt Design IconswomanEmoji One (Colored)womanFluent EmojiwomanFluent Emoji FlatwomanFluent Emoji High ContrastwomanFirefox OS EmojiwomanHealth IconswomanHuge IconswomanIconParkwomanIconPark OutlinewomanIonIconswomanMaterial Symbols LightwomanNoto EmojiwomanOpenMojiwomanTabler IconswomanTwitter Emoji
More social icons from Material Symbols
Use the woman icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M10 22v-6H7l3.05-7.7q.25-.6.775-.95T12 7t1.175.35t.775.95L17 16h-3v6zm.588-16.588Q10 4.825 10 4t.588-1.412T12 2t1.413.588T14 4t-.587 1.413T12 6t-1.412-.587"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsWoman(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="M10 22v-6H7l3.05-7.7q.25-.6.775-.95T12 7t1.175.35t.775.95L17 16h-3v6zm.588-16.588Q10 4.825 10 4t.588-1.412T12 2t1.413.588T14 4t-.587 1.413T12 6t-1.412-.587"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M10 22v-6H7l3.05-7.7q.25-.6.775-.95T12 7t1.175.35t.775.95L17 16h-3v6zm.588-16.588Q10 4.825 10 4t.588-1.412T12 2t1.413.588T14 4t-.587 1.413T12 6t-1.412-.587"/></svg> </template>
CSS
.icon-woman {
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%22M10%2022v-6H7l3.05-7.7q.25-.6.775-.95T12%207t1.175.35t.775.95L17%2016h-3v6zm.588-16.588Q10%204.825%2010%204t.588-1.412T12%202t1.413.588T14%204t-.587%201.413T12%206t-1.412-.587%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%22M10%2022v-6H7l3.05-7.7q.25-.6.775-.95T12%207t1.175.35t.775.95L17%2016h-3v6zm.588-16.588Q10%204.825%2010%204t.588-1.412T12%202t1.413.588T14%204t-.587%201.413T12%206t-1.412-.587%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols/woman.svg?color=%231a73e8&size=48
