female icon

female from Material Symbols Light by Google · Regular · Social · Apache-2.0 Free for personal and commercial use.

Name: female
Set: Material Symbols Light
Style: Regular
Category: Social
Viewbox: 24×24
License: Apache 2.0
Aliases: female-outline, female-outline-sharp, female-sharp

1 other variant in Material Symbols Light

The same icon in other sets

femaleBoxIcons v2 femaleElement Plus femaleFont Awesome Solid femaleHealth Icons femaleIconPark femaleIconPark Outline femaleIconPark Solid femaleIconPark TwoTone femaleIconoir femaleIonIcons femaleJam Icons femaleLine Awesome femaleMage Icons femaleMaterial Symbols female-fillMingCute Icon femaleMyna UI Icons

More social icons from Material Symbols Light

Use the female icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M11.5 20.5v-2h-2v-1h2v-3.023q-1.917-.215-3.209-1.637Q7 11.417 7 9.489q0-2.083 1.459-3.536Q9.917 4.5 12 4.5t3.541 1.453T17 9.489q0 1.928-1.291 3.35q-1.292 1.423-3.209 1.638V17.5h2v1h-2v2zm3.33-8.172Q16 11.155 16 9.497t-1.172-2.828T11.997 5.5T9.169 6.672T8 9.503t1.172 2.828q1.173 1.169 2.831 1.169q1.659 0 2.828-1.172"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsLightFemale(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="M11.5 20.5v-2h-2v-1h2v-3.023q-1.917-.215-3.209-1.637Q7 11.417 7 9.489q0-2.083 1.459-3.536Q9.917 4.5 12 4.5t3.541 1.453T17 9.489q0 1.928-1.291 3.35q-1.292 1.423-3.209 1.638V17.5h2v1h-2v2zm3.33-8.172Q16 11.155 16 9.497t-1.172-2.828T11.997 5.5T9.169 6.672T8 9.503t1.172 2.828q1.173 1.169 2.831 1.169q1.659 0 2.828-1.172"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M11.5 20.5v-2h-2v-1h2v-3.023q-1.917-.215-3.209-1.637Q7 11.417 7 9.489q0-2.083 1.459-3.536Q9.917 4.5 12 4.5t3.541 1.453T17 9.489q0 1.928-1.291 3.35q-1.292 1.423-3.209 1.638V17.5h2v1h-2v2zm3.33-8.172Q16 11.155 16 9.497t-1.172-2.828T11.997 5.5T9.169 6.672T8 9.503t1.172 2.828q1.173 1.169 2.831 1.169q1.659 0 2.828-1.172"/></svg>
</template>

CSS

.icon-female {
  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%22M11.5%2020.5v-2h-2v-1h2v-3.023q-1.917-.215-3.209-1.637Q7%2011.417%207%209.489q0-2.083%201.459-3.536Q9.917%204.5%2012%204.5t3.541%201.453T17%209.489q0%201.928-1.291%203.35q-1.292%201.423-3.209%201.638V17.5h2v1h-2v2zm3.33-8.172Q16%2011.155%2016%209.497t-1.172-2.828T11.997%205.5T9.169%206.672T8%209.503t1.172%202.828q1.173%201.169%202.831%201.169q1.659%200%202.828-1.172%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%22M11.5%2020.5v-2h-2v-1h2v-3.023q-1.917-.215-3.209-1.637Q7%2011.417%207%209.489q0-2.083%201.459-3.536Q9.917%204.5%2012%204.5t3.541%201.453T17%209.489q0%201.928-1.291%203.35q-1.292%201.423-3.209%201.638V17.5h2v1h-2v2zm3.33-8.172Q16%2011.155%2016%209.497t-1.172-2.828T11.997%205.5T9.169%206.672T8%209.503t1.172%202.828q1.173%201.169%202.831%201.169q1.659%200%202.828-1.172%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/female.svg?color=%231a73e8&size=48