female icon
female-line from MingCute Icon by MingCute Design · Line · Apache-2.0 Free for personal and commercial use.
- Name
- female-line
- Set
- MingCute Icon
- Style
- Line
- Viewbox
- 24×24
- License
- Apache 2.0
1 other variant in MingCute Icon
The same icon in other sets
femaleBoxIcons v2femaleElement PlusfemaleFont Awesome SolidfemaleHealth IconsfemaleIconParkfemaleIconPark OutlinefemaleIconPark SolidfemaleIconPark TwoTonefemaleIconoirfemaleIonIconsfemaleJam IconsfemaleLine AwesomefemaleMage IconsfemaleMaterial SymbolsfemaleMaterial Symbols LightfemaleMyna UI Icons
Use the female icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="2" d="m9.828 14.171l-6.01 6.01m4.95-.706l-4.243-4.243M21 9.5a6.5 6.5 0 1 1-13 0a6.5 6.5 0 0 1 13 0Z"/></svg>
React
import type { SVGProps } from "react";
export function MingcuteFemaleLine(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" strokeLinecap="round" strokeWidth="2" d="m9.828 14.171l-6.01 6.01m4.95-.706l-4.243-4.243M21 9.5a6.5 6.5 0 1 1-13 0a6.5 6.5 0 0 1 13 0Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="2" d="m9.828 14.171l-6.01 6.01m4.95-.706l-4.243-4.243M21 9.5a6.5 6.5 0 1 1-13 0a6.5 6.5 0 0 1 13 0Z"/></svg> </template>
CSS
.icon-female-line {
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%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22m9.828%2014.171l-6.01%206.01m4.95-.706l-4.243-4.243M21%209.5a6.5%206.5%200%201%201-13%200a6.5%206.5%200%200%201%2013%200Z%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%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22m9.828%2014.171l-6.01%206.01m4.95-.706l-4.243-4.243M21%209.5a6.5%206.5%200%201%201-13%200a6.5%206.5%200%200%201%2013%200Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mingcute/female-line.svg?color=%231a73e8&size=48
