female and male icon
female-and-male from Health Icons by Resolve to Save Lives · Filled · People · MIT Free for personal and commercial use.
- Name
- female-and-male
- Set
- Health Icons
- Style
- Filled
- Category
- People
- Viewbox
- 48×48
- License
- MIT
1 other variant 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 female and male 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="M33.5 13a3.5 3.5 0 1 0 0-7a3.5 3.5 0 0 0 0 7m5.149 7c.05.352.093.729.132 1.122c.218 2.245.219 4.679.219 5.378a1.5 1.5 0 0 0 3 0v-.007c0-.707 0-3.264-.233-5.662c-.116-1.19-.297-2.43-.597-3.406c-.148-.479-.355-1.002-.671-1.436S39.59 15 38.689 15H28.31c-.901 0-1.493.555-1.81.99c-.316.433-.523.956-.67 1.435c-.3.976-.482 2.217-.598 3.406C25 23.229 25 25.786 25 26.493v.007a1.5 1.5 0 0 0 3 0c0-.7 0-3.133.22-5.378c.038-.393.082-.77.131-1.122H29v20.5a1.5 1.5 0 0 0 2.995.12l.85-10.62h1.31l.85 10.62A1.5 1.5 0 0 0 38 40.5V20zM18 9.5a3.5 3.5 0 1 1-7 0a3.5 3.5 0 0 1 7 0m.866 5.546a1.5 1.5 0 0 0-.366-.045h-8.002q-.185 0-.364.046c-1.114.28-1.862.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.31L10.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.173C20.203 32.36 18.5 23.606 18.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-.471-.927-1.22-1.605-2.334-1.886m-7.858 26.078l-.377-3.013c1.06.13 2.067.215 3.059.253l-.72 2.879a1 1 0 0 1-1.962-.119m5.022.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 HealthiconsFemaleAndMale(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="M33.5 13a3.5 3.5 0 1 0 0-7a3.5 3.5 0 0 0 0 7m5.149 7c.05.352.093.729.132 1.122c.218 2.245.219 4.679.219 5.378a1.5 1.5 0 0 0 3 0v-.007c0-.707 0-3.264-.233-5.662c-.116-1.19-.297-2.43-.597-3.406c-.148-.479-.355-1.002-.671-1.436S39.59 15 38.689 15H28.31c-.901 0-1.493.555-1.81.99c-.316.433-.523.956-.67 1.435c-.3.976-.482 2.217-.598 3.406C25 23.229 25 25.786 25 26.493v.007a1.5 1.5 0 0 0 3 0c0-.7 0-3.133.22-5.378c.038-.393.082-.77.131-1.122H29v20.5a1.5 1.5 0 0 0 2.995.12l.85-10.62h1.31l.85 10.62A1.5 1.5 0 0 0 38 40.5V20zM18 9.5a3.5 3.5 0 1 1-7 0a3.5 3.5 0 0 1 7 0m.866 5.546a1.5 1.5 0 0 0-.366-.045h-8.002q-.185 0-.364.046c-1.114.28-1.862.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.31L10.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.173C20.203 32.36 18.5 23.606 18.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-.471-.927-1.22-1.605-2.334-1.886m-7.858 26.078l-.377-3.013c1.06.13 2.067.215 3.059.253l-.72 2.879a1 1 0 0 1-1.962-.119m5.022.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="M33.5 13a3.5 3.5 0 1 0 0-7a3.5 3.5 0 0 0 0 7m5.149 7c.05.352.093.729.132 1.122c.218 2.245.219 4.679.219 5.378a1.5 1.5 0 0 0 3 0v-.007c0-.707 0-3.264-.233-5.662c-.116-1.19-.297-2.43-.597-3.406c-.148-.479-.355-1.002-.671-1.436S39.59 15 38.689 15H28.31c-.901 0-1.493.555-1.81.99c-.316.433-.523.956-.67 1.435c-.3.976-.482 2.217-.598 3.406C25 23.229 25 25.786 25 26.493v.007a1.5 1.5 0 0 0 3 0c0-.7 0-3.133.22-5.378c.038-.393.082-.77.131-1.122H29v20.5a1.5 1.5 0 0 0 2.995.12l.85-10.62h1.31l.85 10.62A1.5 1.5 0 0 0 38 40.5V20zM18 9.5a3.5 3.5 0 1 1-7 0a3.5 3.5 0 0 1 7 0m.866 5.546a1.5 1.5 0 0 0-.366-.045h-8.002q-.185 0-.364.046c-1.114.28-1.862.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.31L10.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.173C20.203 32.36 18.5 23.606 18.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-.471-.927-1.22-1.605-2.334-1.886m-7.858 26.078l-.377-3.013c1.06.13 2.067.215 3.059.253l-.72 2.879a1 1 0 0 1-1.962-.119m5.022.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-female-and-male {
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%22M33.5%2013a3.5%203.5%200%201%200%200-7a3.5%203.5%200%200%200%200%207m5.149%207c.05.352.093.729.132%201.122c.218%202.245.219%204.679.219%205.378a1.5%201.5%200%200%200%203%200v-.007c0-.707%200-3.264-.233-5.662c-.116-1.19-.297-2.43-.597-3.406c-.148-.479-.355-1.002-.671-1.436S39.59%2015%2038.689%2015H28.31c-.901%200-1.493.555-1.81.99c-.316.433-.523.956-.67%201.435c-.3.976-.482%202.217-.598%203.406C25%2023.229%2025%2025.786%2025%2026.493v.007a1.5%201.5%200%200%200%203%200c0-.7%200-3.133.22-5.378c.038-.393.082-.77.131-1.122H29v20.5a1.5%201.5%200%200%200%202.995.12l.85-10.62h1.31l.85%2010.62A1.5%201.5%200%200%200%2038%2040.5V20zM18%209.5a3.5%203.5%200%201%201-7%200a3.5%203.5%200%200%201%207%200m.866%205.546a1.5%201.5%200%200%200-.366-.045h-8.002q-.185%200-.364.046c-1.114.28-1.862.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.31L10.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.173C20.203%2032.36%2018.5%2023.606%2018.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-.471-.927-1.22-1.605-2.334-1.886m-7.858%2026.078l-.377-3.013c1.06.13%202.067.215%203.059.253l-.72%202.879a1%201%200%200%201-1.962-.119m5.022.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%22M33.5%2013a3.5%203.5%200%201%200%200-7a3.5%203.5%200%200%200%200%207m5.149%207c.05.352.093.729.132%201.122c.218%202.245.219%204.679.219%205.378a1.5%201.5%200%200%200%203%200v-.007c0-.707%200-3.264-.233-5.662c-.116-1.19-.297-2.43-.597-3.406c-.148-.479-.355-1.002-.671-1.436S39.59%2015%2038.689%2015H28.31c-.901%200-1.493.555-1.81.99c-.316.433-.523.956-.67%201.435c-.3.976-.482%202.217-.598%203.406C25%2023.229%2025%2025.786%2025%2026.493v.007a1.5%201.5%200%200%200%203%200c0-.7%200-3.133.22-5.378c.038-.393.082-.77.131-1.122H29v20.5a1.5%201.5%200%200%200%202.995.12l.85-10.62h1.31l.85%2010.62A1.5%201.5%200%200%200%2038%2040.5V20zM18%209.5a3.5%203.5%200%201%201-7%200a3.5%203.5%200%200%201%207%200m.866%205.546a1.5%201.5%200%200%200-.366-.045h-8.002q-.185%200-.364.046c-1.114.28-1.862.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.31L10.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.173C20.203%2032.36%2018.5%2023.606%2018.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-.471-.927-1.22-1.605-2.334-1.886m-7.858%2026.078l-.377-3.013c1.06.13%202.067.215%203.059.253l-.72%202.879a1%201%200%200%201-1.962-.119m5.022.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/female-and-male.svg?color=%231a73e8&size=48
