female icon

female from IonIcons by Ben Sperry · Regular · MIT Free for personal and commercial use.

Name: female
Set: IonIcons
Style: Regular
Viewbox: 512×512
License: MIT

2 other variants in IonIcons

The same icon in other sets

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

Use the female icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M430 190c0-95.94-78.06-174-174-174S82 94.06 82 190c0 88.49 66.4 161.77 152 172.61V394h-36a22 22 0 0 0 0 44h36v36a22 22 0 0 0 44 0v-36h36a22 22 0 0 0 0-44h-36v-31.39c85.6-10.84 152-84.12 152-172.61m-304 0c0-71.68 58.32-130 130-130s130 58.32 130 130s-58.32 130-130 130s-130-58.32-130-130"/></svg>

React

import type { SVGProps } from "react";

export function IonFemale(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M430 190c0-95.94-78.06-174-174-174S82 94.06 82 190c0 88.49 66.4 161.77 152 172.61V394h-36a22 22 0 0 0 0 44h36v36a22 22 0 0 0 44 0v-36h36a22 22 0 0 0 0-44h-36v-31.39c85.6-10.84 152-84.12 152-172.61m-304 0c0-71.68 58.32-130 130-130s130 58.32 130 130s-58.32 130-130 130s-130-58.32-130-130"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M430 190c0-95.94-78.06-174-174-174S82 94.06 82 190c0 88.49 66.4 161.77 152 172.61V394h-36a22 22 0 0 0 0 44h36v36a22 22 0 0 0 44 0v-36h36a22 22 0 0 0 0-44h-36v-31.39c85.6-10.84 152-84.12 152-172.61m-304 0c0-71.68 58.32-130 130-130s130 58.32 130 130s-58.32 130-130 130s-130-58.32-130-130"/></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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M430%20190c0-95.94-78.06-174-174-174S82%2094.06%2082%20190c0%2088.49%2066.4%20161.77%20152%20172.61V394h-36a22%2022%200%200%200%200%2044h36v36a22%2022%200%200%200%2044%200v-36h36a22%2022%200%200%200%200-44h-36v-31.39c85.6-10.84%20152-84.12%20152-172.61m-304%200c0-71.68%2058.32-130%20130-130s130%2058.32%20130%20130s-58.32%20130-130%20130s-130-58.32-130-130%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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M430%20190c0-95.94-78.06-174-174-174S82%2094.06%2082%20190c0%2088.49%2066.4%20161.77%20152%20172.61V394h-36a22%2022%200%200%200%200%2044h36v36a22%2022%200%200%200%2044%200v-36h36a22%2022%200%200%200%200-44h-36v-31.39c85.6-10.84%20152-84.12%20152-172.61m-304%200c0-71.68%2058.32-130%20130-130s130%2058.32%20130%20130s-58.32%20130-130%20130s-130-58.32-130-130%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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