male and female icon
male-and-female from Health Icons by Resolve to Save Lives · Filled · People · MIT Free for personal and commercial use.
- Name
- male-and-female
- Set
- Health Icons
- Style
- Filled
- Category
- People
- Viewbox
- 48×48
- 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 48 48"><path fill="currentColor" fill-rule="evenodd" d="M14.5 13a3.5 3.5 0 1 0 0-7a3.5 3.5 0 0 0 0 7m5.148 7c.05.352.094.729.132 1.122C20 23.367 20 25.8 20 26.5a1.5 1.5 0 1 0 3 0v-.007c0-.707 0-3.264-.234-5.662c-.115-1.19-.296-2.43-.597-3.406c-.147-.479-.355-1.002-.67-1.436c-.317-.434-.91-.989-1.81-.989H9.31c-.901 0-1.494.555-1.81.99c-.316.433-.524.956-.67 1.435c-.301.976-.482 2.217-.598 3.406C6 23.229 6 25.786 6 26.493v.007a1.5 1.5 0 0 0 3 0c0-.7 0-3.133.22-5.378c.037-.393.081-.77.131-1.122H10v20.5a1.5 1.5 0 0 0 2.995.12l.85-10.62h1.31l.85 10.62A1.5 1.5 0 0 0 19 40.5V20zM37 9.5a3.5 3.5 0 1 1-7 0a3.5 3.5 0 0 1 7 0m.867 5.546a1.5 1.5 0 0 0-.367-.045h-8.002q-.185 0-.364.046c-1.114.28-1.863.959-2.333 1.885c-.413.812-.614 1.82-.78 2.823l-1 6a1.5 1.5 0 1 0 2.959.493l1-6c.092-.557.178-.982.265-1.31L29.5 22c0 1.87-1.694 10.408-2.293 13.37a.99.99 0 0 0 .823 1.177c4.122.614 6.818.595 10.939-.004a.99.99 0 0 0 .829-1.173C39.203 32.36 37.5 23.606 37.5 22l.255-3.062c.087.328.173.752.265 1.31l1 6a1.5 1.5 0 0 0 2.96-.494l-1-6c-.167-1.002-.368-2.011-.78-2.822c-.472-.927-1.22-1.605-2.334-1.886m-7.86 26.078l-.376-3.013c1.06.13 2.067.215 3.059.253l-.72 2.879a1 1 0 0 1-1.962-.119m5.023.118l-.714-2.857a35 35 0 0 0 3.04-.174l-.364 2.913a1 1 0 0 1-1.962.118" clip-rule="evenodd"/></svg>
React
import type { SVGProps } from "react";
export function HealthiconsMaleAndFemale(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" fillRule="evenodd" d="M14.5 13a3.5 3.5 0 1 0 0-7a3.5 3.5 0 0 0 0 7m5.148 7c.05.352.094.729.132 1.122C20 23.367 20 25.8 20 26.5a1.5 1.5 0 1 0 3 0v-.007c0-.707 0-3.264-.234-5.662c-.115-1.19-.296-2.43-.597-3.406c-.147-.479-.355-1.002-.67-1.436c-.317-.434-.91-.989-1.81-.989H9.31c-.901 0-1.494.555-1.81.99c-.316.433-.524.956-.67 1.435c-.301.976-.482 2.217-.598 3.406C6 23.229 6 25.786 6 26.493v.007a1.5 1.5 0 0 0 3 0c0-.7 0-3.133.22-5.378c.037-.393.081-.77.131-1.122H10v20.5a1.5 1.5 0 0 0 2.995.12l.85-10.62h1.31l.85 10.62A1.5 1.5 0 0 0 19 40.5V20zM37 9.5a3.5 3.5 0 1 1-7 0a3.5 3.5 0 0 1 7 0m.867 5.546a1.5 1.5 0 0 0-.367-.045h-8.002q-.185 0-.364.046c-1.114.28-1.863.959-2.333 1.885c-.413.812-.614 1.82-.78 2.823l-1 6a1.5 1.5 0 1 0 2.959.493l1-6c.092-.557.178-.982.265-1.31L29.5 22c0 1.87-1.694 10.408-2.293 13.37a.99.99 0 0 0 .823 1.177c4.122.614 6.818.595 10.939-.004a.99.99 0 0 0 .829-1.173C39.203 32.36 37.5 23.606 37.5 22l.255-3.062c.087.328.173.752.265 1.31l1 6a1.5 1.5 0 0 0 2.96-.494l-1-6c-.167-1.002-.368-2.011-.78-2.822c-.472-.927-1.22-1.605-2.334-1.886m-7.86 26.078l-.376-3.013c1.06.13 2.067.215 3.059.253l-.72 2.879a1 1 0 0 1-1.962-.119m5.023.118l-.714-2.857a35 35 0 0 0 3.04-.174l-.364 2.913a1 1 0 0 1-1.962.118" clipRule="evenodd"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" fill-rule="evenodd" d="M14.5 13a3.5 3.5 0 1 0 0-7a3.5 3.5 0 0 0 0 7m5.148 7c.05.352.094.729.132 1.122C20 23.367 20 25.8 20 26.5a1.5 1.5 0 1 0 3 0v-.007c0-.707 0-3.264-.234-5.662c-.115-1.19-.296-2.43-.597-3.406c-.147-.479-.355-1.002-.67-1.436c-.317-.434-.91-.989-1.81-.989H9.31c-.901 0-1.494.555-1.81.99c-.316.433-.524.956-.67 1.435c-.301.976-.482 2.217-.598 3.406C6 23.229 6 25.786 6 26.493v.007a1.5 1.5 0 0 0 3 0c0-.7 0-3.133.22-5.378c.037-.393.081-.77.131-1.122H10v20.5a1.5 1.5 0 0 0 2.995.12l.85-10.62h1.31l.85 10.62A1.5 1.5 0 0 0 19 40.5V20zM37 9.5a3.5 3.5 0 1 1-7 0a3.5 3.5 0 0 1 7 0m.867 5.546a1.5 1.5 0 0 0-.367-.045h-8.002q-.185 0-.364.046c-1.114.28-1.863.959-2.333 1.885c-.413.812-.614 1.82-.78 2.823l-1 6a1.5 1.5 0 1 0 2.959.493l1-6c.092-.557.178-.982.265-1.31L29.5 22c0 1.87-1.694 10.408-2.293 13.37a.99.99 0 0 0 .823 1.177c4.122.614 6.818.595 10.939-.004a.99.99 0 0 0 .829-1.173C39.203 32.36 37.5 23.606 37.5 22l.255-3.062c.087.328.173.752.265 1.31l1 6a1.5 1.5 0 0 0 2.96-.494l-1-6c-.167-1.002-.368-2.011-.78-2.822c-.472-.927-1.22-1.605-2.334-1.886m-7.86 26.078l-.376-3.013c1.06.13 2.067.215 3.059.253l-.72 2.879a1 1 0 0 1-1.962-.119m5.023.118l-.714-2.857a35 35 0 0 0 3.04-.174l-.364 2.913a1 1 0 0 1-1.962.118" clip-rule="evenodd"/></svg> </template>
CSS
.icon-male-and-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%2048%2048%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M14.5%2013a3.5%203.5%200%201%200%200-7a3.5%203.5%200%200%200%200%207m5.148%207c.05.352.094.729.132%201.122C20%2023.367%2020%2025.8%2020%2026.5a1.5%201.5%200%201%200%203%200v-.007c0-.707%200-3.264-.234-5.662c-.115-1.19-.296-2.43-.597-3.406c-.147-.479-.355-1.002-.67-1.436c-.317-.434-.91-.989-1.81-.989H9.31c-.901%200-1.494.555-1.81.99c-.316.433-.524.956-.67%201.435c-.301.976-.482%202.217-.598%203.406C6%2023.229%206%2025.786%206%2026.493v.007a1.5%201.5%200%200%200%203%200c0-.7%200-3.133.22-5.378c.037-.393.081-.77.131-1.122H10v20.5a1.5%201.5%200%200%200%202.995.12l.85-10.62h1.31l.85%2010.62A1.5%201.5%200%200%200%2019%2040.5V20zM37%209.5a3.5%203.5%200%201%201-7%200a3.5%203.5%200%200%201%207%200m.867%205.546a1.5%201.5%200%200%200-.367-.045h-8.002q-.185%200-.364.046c-1.114.28-1.863.959-2.333%201.885c-.413.812-.614%201.82-.78%202.823l-1%206a1.5%201.5%200%201%200%202.959.493l1-6c.092-.557.178-.982.265-1.31L29.5%2022c0%201.87-1.694%2010.408-2.293%2013.37a.99.99%200%200%200%20.823%201.177c4.122.614%206.818.595%2010.939-.004a.99.99%200%200%200%20.829-1.173C39.203%2032.36%2037.5%2023.606%2037.5%2022l.255-3.062c.087.328.173.752.265%201.31l1%206a1.5%201.5%200%200%200%202.96-.494l-1-6c-.167-1.002-.368-2.011-.78-2.822c-.472-.927-1.22-1.605-2.334-1.886m-7.86%2026.078l-.376-3.013c1.06.13%202.067.215%203.059.253l-.72%202.879a1%201%200%200%201-1.962-.119m5.023.118l-.714-2.857a35%2035%200%200%200%203.04-.174l-.364%202.913a1%201%200%200%201-1.962.118%22%20clip-rule%3D%22evenodd%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%2048%2048%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M14.5%2013a3.5%203.5%200%201%200%200-7a3.5%203.5%200%200%200%200%207m5.148%207c.05.352.094.729.132%201.122C20%2023.367%2020%2025.8%2020%2026.5a1.5%201.5%200%201%200%203%200v-.007c0-.707%200-3.264-.234-5.662c-.115-1.19-.296-2.43-.597-3.406c-.147-.479-.355-1.002-.67-1.436c-.317-.434-.91-.989-1.81-.989H9.31c-.901%200-1.494.555-1.81.99c-.316.433-.524.956-.67%201.435c-.301.976-.482%202.217-.598%203.406C6%2023.229%206%2025.786%206%2026.493v.007a1.5%201.5%200%200%200%203%200c0-.7%200-3.133.22-5.378c.037-.393.081-.77.131-1.122H10v20.5a1.5%201.5%200%200%200%202.995.12l.85-10.62h1.31l.85%2010.62A1.5%201.5%200%200%200%2019%2040.5V20zM37%209.5a3.5%203.5%200%201%201-7%200a3.5%203.5%200%200%201%207%200m.867%205.546a1.5%201.5%200%200%200-.367-.045h-8.002q-.185%200-.364.046c-1.114.28-1.863.959-2.333%201.885c-.413.812-.614%201.82-.78%202.823l-1%206a1.5%201.5%200%201%200%202.959.493l1-6c.092-.557.178-.982.265-1.31L29.5%2022c0%201.87-1.694%2010.408-2.293%2013.37a.99.99%200%200%200%20.823%201.177c4.122.614%206.818.595%2010.939-.004a.99.99%200%200%200%20.829-1.173C39.203%2032.36%2037.5%2023.606%2037.5%2022l.255-3.062c.087.328.173.752.265%201.31l1%206a1.5%201.5%200%200%200%202.96-.494l-1-6c-.167-1.002-.368-2.011-.78-2.822c-.472-.927-1.22-1.605-2.334-1.886m-7.86%2026.078l-.376-3.013c1.06.13%202.067.215%203.059.253l-.72%202.879a1%201%200%200%201-1.962-.119m5.023.118l-.714-2.857a35%2035%200%200%200%203.04-.174l-.364%202.913a1%201%200%200%201-1.962.118%22%20clip-rule%3D%22evenodd%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.svg?color=%231a73e8&size=48
