male and female icon
male-and-female-24px from Health Icons by Resolve to Save Lives · Filled 24px · People · MIT Free for personal and commercial use.
- Name
- male-and-female-24px
- Set
- Health Icons
- Style
- Filled 24px
- Category
- People
- Viewbox
- 24×24
- License
- MIT
3 other variants in Health Icons
More people icons from Health Icons
agricultureagriculture-workeragriculture-worker-altancvasthmababy-0203-altbaby-0203mbaby-0306mbaby-female-0203m-altbaby-female-0306mbaby-female-0609mbaby-male-0203m-altbaby-male-0306mbaby-male-0609mboy-0105yboy-1015ycall-centrechild-carechild-cognitionchild-programcity-workerclean-handscommunity-healthworkerconstruction-worker
Use the male and female icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M7.25 7a2 2 0 1 0 0-4a2 2 0 0 0 0 4m1.759 5.103l.086-1.47l.421 2.297a1 1 0 1 0 1.967-.36l-.537-2.93A2 2 0 0 0 9.25 8.017V8h-4l.002.018A2 2 0 0 0 3.554 9.64l-.538 2.93a1 1 0 1 0 1.968.361l.42-2.297l.087 1.47a1 1 0 0 1-.025.29L4.25 17.5s.817.5 3 .5s3-.5 3-.5l-1.216-5.107a1 1 0 0 1-.025-.29M4.75 20.14v-1.42l.055.014c.458.12 1.126.234 2.047.26l-.418 1.393a.86.86 0 0 1-1.684-.247m2.898-1.146l.418 1.393a.86.86 0 0 0 1.684-.247v-1.42l-.055.014c-.459.12-1.126.234-2.047.26M18.5 5a2 2 0 1 1-4 0a2 2 0 0 1 4 0M12 10a2 2 0 0 1 2-2h5a2 2 0 0 1 2 2v3.5a1 1 0 1 1-2 0V10h-.25v10.071a.929.929 0 0 1-1.856.06L16.564 15h-.128l-.33 5.13a.929.929 0 0 1-1.856-.059V10H14v3.5a1 1 0 1 1-2 0z"/></svg>
React
import type { SVGProps } from "react";
export function HealthiconsMaleAndFemale24px(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="M7.25 7a2 2 0 1 0 0-4a2 2 0 0 0 0 4m1.759 5.103l.086-1.47l.421 2.297a1 1 0 1 0 1.967-.36l-.537-2.93A2 2 0 0 0 9.25 8.017V8h-4l.002.018A2 2 0 0 0 3.554 9.64l-.538 2.93a1 1 0 1 0 1.968.361l.42-2.297l.087 1.47a1 1 0 0 1-.025.29L4.25 17.5s.817.5 3 .5s3-.5 3-.5l-1.216-5.107a1 1 0 0 1-.025-.29M4.75 20.14v-1.42l.055.014c.458.12 1.126.234 2.047.26l-.418 1.393a.86.86 0 0 1-1.684-.247m2.898-1.146l.418 1.393a.86.86 0 0 0 1.684-.247v-1.42l-.055.014c-.459.12-1.126.234-2.047.26M18.5 5a2 2 0 1 1-4 0a2 2 0 0 1 4 0M12 10a2 2 0 0 1 2-2h5a2 2 0 0 1 2 2v3.5a1 1 0 1 1-2 0V10h-.25v10.071a.929.929 0 0 1-1.856.06L16.564 15h-.128l-.33 5.13a.929.929 0 0 1-1.856-.059V10H14v3.5a1 1 0 1 1-2 0z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M7.25 7a2 2 0 1 0 0-4a2 2 0 0 0 0 4m1.759 5.103l.086-1.47l.421 2.297a1 1 0 1 0 1.967-.36l-.537-2.93A2 2 0 0 0 9.25 8.017V8h-4l.002.018A2 2 0 0 0 3.554 9.64l-.538 2.93a1 1 0 1 0 1.968.361l.42-2.297l.087 1.47a1 1 0 0 1-.025.29L4.25 17.5s.817.5 3 .5s3-.5 3-.5l-1.216-5.107a1 1 0 0 1-.025-.29M4.75 20.14v-1.42l.055.014c.458.12 1.126.234 2.047.26l-.418 1.393a.86.86 0 0 1-1.684-.247m2.898-1.146l.418 1.393a.86.86 0 0 0 1.684-.247v-1.42l-.055.014c-.459.12-1.126.234-2.047.26M18.5 5a2 2 0 1 1-4 0a2 2 0 0 1 4 0M12 10a2 2 0 0 1 2-2h5a2 2 0 0 1 2 2v3.5a1 1 0 1 1-2 0V10h-.25v10.071a.929.929 0 0 1-1.856.06L16.564 15h-.128l-.33 5.13a.929.929 0 0 1-1.856-.059V10H14v3.5a1 1 0 1 1-2 0z"/></svg> </template>
CSS
.icon-male-and-female-24px {
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%22M7.25%207a2%202%200%201%200%200-4a2%202%200%200%200%200%204m1.759%205.103l.086-1.47l.421%202.297a1%201%200%201%200%201.967-.36l-.537-2.93A2%202%200%200%200%209.25%208.017V8h-4l.002.018A2%202%200%200%200%203.554%209.64l-.538%202.93a1%201%200%201%200%201.968.361l.42-2.297l.087%201.47a1%201%200%200%201-.025.29L4.25%2017.5s.817.5%203%20.5s3-.5%203-.5l-1.216-5.107a1%201%200%200%201-.025-.29M4.75%2020.14v-1.42l.055.014c.458.12%201.126.234%202.047.26l-.418%201.393a.86.86%200%200%201-1.684-.247m2.898-1.146l.418%201.393a.86.86%200%200%200%201.684-.247v-1.42l-.055.014c-.459.12-1.126.234-2.047.26M18.5%205a2%202%200%201%201-4%200a2%202%200%200%201%204%200M12%2010a2%202%200%200%201%202-2h5a2%202%200%200%201%202%202v3.5a1%201%200%201%201-2%200V10h-.25v10.071a.929.929%200%200%201-1.856.06L16.564%2015h-.128l-.33%205.13a.929.929%200%200%201-1.856-.059V10H14v3.5a1%201%200%201%201-2%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%22currentColor%22%20d%3D%22M7.25%207a2%202%200%201%200%200-4a2%202%200%200%200%200%204m1.759%205.103l.086-1.47l.421%202.297a1%201%200%201%200%201.967-.36l-.537-2.93A2%202%200%200%200%209.25%208.017V8h-4l.002.018A2%202%200%200%200%203.554%209.64l-.538%202.93a1%201%200%201%200%201.968.361l.42-2.297l.087%201.47a1%201%200%200%201-.025.29L4.25%2017.5s.817.5%203%20.5s3-.5%203-.5l-1.216-5.107a1%201%200%200%201-.025-.29M4.75%2020.14v-1.42l.055.014c.458.12%201.126.234%202.047.26l-.418%201.393a.86.86%200%200%201-1.684-.247m2.898-1.146l.418%201.393a.86.86%200%200%200%201.684-.247v-1.42l-.055.014c-.459.12-1.126.234-2.047.26M18.5%205a2%202%200%201%201-4%200a2%202%200%200%201%204%200M12%2010a2%202%200%200%201%202-2h5a2%202%200%200%201%202%202v3.5a1%201%200%201%201-2%200V10h-.25v10.071a.929.929%200%200%201-1.856.06L16.564%2015h-.128l-.33%205.13a.929.929%200%200%201-1.856-.059V10H14v3.5a1%201%200%201%201-2%200z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/healthicons/male-and-female-24px.svg?color=%231a73e8&size=48
