woman icon
woman from IonIcons by Ben Sperry · Regular · MIT Free for personal and commercial use.
- Name
- woman
- Set
- IonIcons
- Style
- Regular
- Viewbox
- 512×512
- License
- MIT
2 other variants in IonIcons
The same icon in other sets
woman-outlinedAnt Design IconswomanEmoji One (Colored)womanFluent EmojiwomanFluent Emoji FlatwomanFluent Emoji High ContrastwomanFirefox OS EmojiwomanHealth IconswomanHuge IconswomanIconParkwomanIconPark OutlinewomanMaterial SymbolswomanMaterial Symbols LightwomanNoto EmojiwomanOpenMojiwomanTabler IconswomanTwitter Emoji
Use the woman icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><circle cx="255.75" cy="56" r="56" fill="currentColor"/><path fill="currentColor" d="m394.63 277.9l-10.33-34.41v-.11l-22.46-74.86h-.05l-2.51-8.45a44.87 44.87 0 0 0-43-32.08h-120a44.84 44.84 0 0 0-43 32.08l-2.51 8.45h-.06l-22.46 74.86v.11l-10.37 34.41c-3.12 10.39 2.3 21.66 12.57 25.14a20 20 0 0 0 25.6-13.18l25.58-85.25l2.17-7.23a8 8 0 0 1 15.53 2.62a7.8 7.8 0 0 1-.17 1.61L155.43 347.4a16 16 0 0 0 15.32 20.6h29v114.69c0 16.46 10.53 29.31 24 29.31s24-12.85 24-29.31V368h16v114.69c0 16.46 10.53 29.31 24 29.31s24-12.85 24-29.31V368h30a16 16 0 0 0 15.33-20.6l-43.74-145.81a7.5 7.5 0 0 1-.16-1.59a8 8 0 0 1 15.54-2.63l2.17 7.23l25.57 85.25A20 20 0 0 0 382.05 303c10.27-3.44 15.69-14.71 12.58-25.1"/></svg>
React
import type { SVGProps } from "react";
export function IonWoman(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><circle cx="255.75" cy="56" r="56" fill="currentColor"/><path fill="currentColor" d="m394.63 277.9l-10.33-34.41v-.11l-22.46-74.86h-.05l-2.51-8.45a44.87 44.87 0 0 0-43-32.08h-120a44.84 44.84 0 0 0-43 32.08l-2.51 8.45h-.06l-22.46 74.86v.11l-10.37 34.41c-3.12 10.39 2.3 21.66 12.57 25.14a20 20 0 0 0 25.6-13.18l25.58-85.25l2.17-7.23a8 8 0 0 1 15.53 2.62a7.8 7.8 0 0 1-.17 1.61L155.43 347.4a16 16 0 0 0 15.32 20.6h29v114.69c0 16.46 10.53 29.31 24 29.31s24-12.85 24-29.31V368h16v114.69c0 16.46 10.53 29.31 24 29.31s24-12.85 24-29.31V368h30a16 16 0 0 0 15.33-20.6l-43.74-145.81a7.5 7.5 0 0 1-.16-1.59a8 8 0 0 1 15.54-2.63l2.17 7.23l25.57 85.25A20 20 0 0 0 382.05 303c10.27-3.44 15.69-14.71 12.58-25.1"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><circle cx="255.75" cy="56" r="56" fill="currentColor"/><path fill="currentColor" d="m394.63 277.9l-10.33-34.41v-.11l-22.46-74.86h-.05l-2.51-8.45a44.87 44.87 0 0 0-43-32.08h-120a44.84 44.84 0 0 0-43 32.08l-2.51 8.45h-.06l-22.46 74.86v.11l-10.37 34.41c-3.12 10.39 2.3 21.66 12.57 25.14a20 20 0 0 0 25.6-13.18l25.58-85.25l2.17-7.23a8 8 0 0 1 15.53 2.62a7.8 7.8 0 0 1-.17 1.61L155.43 347.4a16 16 0 0 0 15.32 20.6h29v114.69c0 16.46 10.53 29.31 24 29.31s24-12.85 24-29.31V368h16v114.69c0 16.46 10.53 29.31 24 29.31s24-12.85 24-29.31V368h30a16 16 0 0 0 15.33-20.6l-43.74-145.81a7.5 7.5 0 0 1-.16-1.59a8 8 0 0 1 15.54-2.63l2.17 7.23l25.57 85.25A20 20 0 0 0 382.05 303c10.27-3.44 15.69-14.71 12.58-25.1"/></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%20512%20512%22%3E%3Ccircle%20cx%3D%22255.75%22%20cy%3D%2256%22%20r%3D%2256%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m394.63%20277.9l-10.33-34.41v-.11l-22.46-74.86h-.05l-2.51-8.45a44.87%2044.87%200%200%200-43-32.08h-120a44.84%2044.84%200%200%200-43%2032.08l-2.51%208.45h-.06l-22.46%2074.86v.11l-10.37%2034.41c-3.12%2010.39%202.3%2021.66%2012.57%2025.14a20%2020%200%200%200%2025.6-13.18l25.58-85.25l2.17-7.23a8%208%200%200%201%2015.53%202.62a7.8%207.8%200%200%201-.17%201.61L155.43%20347.4a16%2016%200%200%200%2015.32%2020.6h29v114.69c0%2016.46%2010.53%2029.31%2024%2029.31s24-12.85%2024-29.31V368h16v114.69c0%2016.46%2010.53%2029.31%2024%2029.31s24-12.85%2024-29.31V368h30a16%2016%200%200%200%2015.33-20.6l-43.74-145.81a7.5%207.5%200%200%201-.16-1.59a8%208%200%200%201%2015.54-2.63l2.17%207.23l25.57%2085.25A20%2020%200%200%200%20382.05%20303c10.27-3.44%2015.69-14.71%2012.58-25.1%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%20512%20512%22%3E%3Ccircle%20cx%3D%22255.75%22%20cy%3D%2256%22%20r%3D%2256%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m394.63%20277.9l-10.33-34.41v-.11l-22.46-74.86h-.05l-2.51-8.45a44.87%2044.87%200%200%200-43-32.08h-120a44.84%2044.84%200%200%200-43%2032.08l-2.51%208.45h-.06l-22.46%2074.86v.11l-10.37%2034.41c-3.12%2010.39%202.3%2021.66%2012.57%2025.14a20%2020%200%200%200%2025.6-13.18l25.58-85.25l2.17-7.23a8%208%200%200%201%2015.53%202.62a7.8%207.8%200%200%201-.17%201.61L155.43%20347.4a16%2016%200%200%200%2015.32%2020.6h29v114.69c0%2016.46%2010.53%2029.31%2024%2029.31s24-12.85%2024-29.31V368h16v114.69c0%2016.46%2010.53%2029.31%2024%2029.31s24-12.85%2024-29.31V368h30a16%2016%200%200%200%2015.33-20.6l-43.74-145.81a7.5%207.5%200%200%201-.16-1.59a8%208%200%200%201%2015.54-2.63l2.17%207.23l25.57%2085.25A20%2020%200%200%200%20382.05%20303c10.27-3.44%2015.69-14.71%2012.58-25.1%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ion/woman.svg?color=%231a73e8&size=48
