male and female icon
male-and-female-outline from Health Icons by Resolve to Save Lives · Outline · People · MIT Free for personal and commercial use.
- Name
- male-and-female-outline
- Set
- Health Icons
- Style
- Outline
- Category
- People
- Viewbox
- 48×48
- License
- MIT
- Aliases
- male-and-female2x-outline
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"><g fill="currentColor"><path fill-rule="evenodd" d="M14.5 14a4 4 0 1 0 0-8a4 4 0 0 0 0 8m0-2a2 2 0 1 0 0-4a2 2 0 0 0 0 4m-5.13 4.842c.992-.597 2.085-.842 3.176-.842h3.908c1.09 0 2.184.245 3.176.841c.989.595 1.699 1.433 2.191 2.343c.93 1.717 1.179 3.864 1.179 5.96v.088q0 .045-.004.089l-.008.088v.013l-.002.044q-.003.057-.003.157c-.002.136-.001.325.002.583q0 .173.004.372v.004c.005.407.011.893.011 1.418a3 3 0 0 1-3.5 2.958V39.5a2.5 2.5 0 0 1-4.982.298l-.018-.148l-.018.148A2.5 2.5 0 0 1 9.5 39.5v-8.542Q9.255 31 9 31a3 3 0 0 1-3-3c0-.526.006-1.012.011-1.42v-.001l.004-.373a31 31 0 0 0 0-.74l-.002-.044l-.001-.013l-.008-.088L6 25.232v-.088c0-2.096.25-4.243 1.179-5.96c.492-.91 1.202-1.748 2.191-2.343M20 29a1 1 0 0 1-.5-.133V23h-2v16.5a.5.5 0 0 1-.996.06l-1.011-8.423a1 1 0 0 0-1.986 0l-1.01 8.423a.5.5 0 0 1-.997-.06V23h-2v5.867A1 1 0 0 1 8 28c0-.512.006-.989.01-1.398q.004-.199.005-.375c.006-.503.004-.826-.011-.995L8 25.188v-.044c0-1.996.25-3.736.938-5.008c.353-.654.832-1.201 1.463-1.58c.631-.38 1.356-.556 2.145-.556h3.908c.789 0 1.514.176 2.145.555c.63.38 1.11.927 1.463 1.58c.689 1.273.938 3.013.938 5.008v.045l-.004.044c-.015.17-.016.492-.011.995q0 .173.004.371v.005c.005.409.011.884.011 1.397a1 1 0 0 1-1 1m18-19a4 4 0 1 1-8 0a4 4 0 0 1 8 0m-2 0a2 2 0 1 1-4 0a2 2 0 0 1 4 0m1.446 6.444A4.35 4.35 0 0 0 35.48 16h-3.96c-.43 0-1.18.048-1.967.444c-1.33.67-2.09 1.767-2.541 2.736c-.432.928-.68 1.954-.865 2.808c-.175.811-.18.832-.28 1.345c-.095.49-.281 1.45-.809 4.077a3 3 0 0 0 3.122 3.585l-.539 3.1c-.15.86.284 1.797 1.21 2.127c.907.324 2.552.778 4.648.778s3.74-.454 4.648-.778c.926-.33 1.359-1.268 1.21-2.126l-.54-3.1a3.005 3.005 0 0 0 3.123-3.587c-.528-2.627-.714-3.587-.81-4.077c-.1-.512-.103-.533-.279-1.344c-.184-.854-.433-1.88-.864-2.808c-.452-.969-1.211-2.066-2.542-2.736M34.998 18h.48c.285 0 .68.034 1.069.23c.793.4 1.29 1.07 1.627 1.794c.33.71.542 1.547.723 2.387c.173.797.175.81.269 1.291l.002.012c.096.495.284 1.457.812 4.09a1 1 0 0 1-1.489 1.057l-1.186-6.524l-1.968.358l.626 3.44l-.024-.026l1.437 8.264A12 12 0 0 1 33.5 35c-1.733 0-3.103-.36-3.876-.627l1.437-8.26l-.025.027l.627-3.445l-1.968-.358l-1.186 6.525a1 1 0 0 1-1.489-1.058c.528-2.633.716-3.595.812-4.09l.002-.011c.094-.483.096-.495.269-1.292c.181-.84.393-1.677.723-2.387c.337-.724.834-1.395 1.627-1.794a2.36 2.36 0 0 1 1.069-.23z" clip-rule="evenodd"/><path d="M30.285 41.913A1.5 1.5 0 0 1 29 40.43V38c1.305.18 2.507.29 3.682.335l-.744 2.518a1.5 1.5 0 0 1-1.653 1.06m3.98-3.559l.806 2.53A1.5 1.5 0 0 0 38 40.428v-2.336a35 35 0 0 1-3.735.262"/></g></svg>
React
import type { SVGProps } from "react";
export function HealthiconsMaleAndFemaleOutline(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="currentColor"><path fillRule="evenodd" d="M14.5 14a4 4 0 1 0 0-8a4 4 0 0 0 0 8m0-2a2 2 0 1 0 0-4a2 2 0 0 0 0 4m-5.13 4.842c.992-.597 2.085-.842 3.176-.842h3.908c1.09 0 2.184.245 3.176.841c.989.595 1.699 1.433 2.191 2.343c.93 1.717 1.179 3.864 1.179 5.96v.088q0 .045-.004.089l-.008.088v.013l-.002.044q-.003.057-.003.157c-.002.136-.001.325.002.583q0 .173.004.372v.004c.005.407.011.893.011 1.418a3 3 0 0 1-3.5 2.958V39.5a2.5 2.5 0 0 1-4.982.298l-.018-.148l-.018.148A2.5 2.5 0 0 1 9.5 39.5v-8.542Q9.255 31 9 31a3 3 0 0 1-3-3c0-.526.006-1.012.011-1.42v-.001l.004-.373a31 31 0 0 0 0-.74l-.002-.044l-.001-.013l-.008-.088L6 25.232v-.088c0-2.096.25-4.243 1.179-5.96c.492-.91 1.202-1.748 2.191-2.343M20 29a1 1 0 0 1-.5-.133V23h-2v16.5a.5.5 0 0 1-.996.06l-1.011-8.423a1 1 0 0 0-1.986 0l-1.01 8.423a.5.5 0 0 1-.997-.06V23h-2v5.867A1 1 0 0 1 8 28c0-.512.006-.989.01-1.398q.004-.199.005-.375c.006-.503.004-.826-.011-.995L8 25.188v-.044c0-1.996.25-3.736.938-5.008c.353-.654.832-1.201 1.463-1.58c.631-.38 1.356-.556 2.145-.556h3.908c.789 0 1.514.176 2.145.555c.63.38 1.11.927 1.463 1.58c.689 1.273.938 3.013.938 5.008v.045l-.004.044c-.015.17-.016.492-.011.995q0 .173.004.371v.005c.005.409.011.884.011 1.397a1 1 0 0 1-1 1m18-19a4 4 0 1 1-8 0a4 4 0 0 1 8 0m-2 0a2 2 0 1 1-4 0a2 2 0 0 1 4 0m1.446 6.444A4.35 4.35 0 0 0 35.48 16h-3.96c-.43 0-1.18.048-1.967.444c-1.33.67-2.09 1.767-2.541 2.736c-.432.928-.68 1.954-.865 2.808c-.175.811-.18.832-.28 1.345c-.095.49-.281 1.45-.809 4.077a3 3 0 0 0 3.122 3.585l-.539 3.1c-.15.86.284 1.797 1.21 2.127c.907.324 2.552.778 4.648.778s3.74-.454 4.648-.778c.926-.33 1.359-1.268 1.21-2.126l-.54-3.1a3.005 3.005 0 0 0 3.123-3.587c-.528-2.627-.714-3.587-.81-4.077c-.1-.512-.103-.533-.279-1.344c-.184-.854-.433-1.88-.864-2.808c-.452-.969-1.211-2.066-2.542-2.736M34.998 18h.48c.285 0 .68.034 1.069.23c.793.4 1.29 1.07 1.627 1.794c.33.71.542 1.547.723 2.387c.173.797.175.81.269 1.291l.002.012c.096.495.284 1.457.812 4.09a1 1 0 0 1-1.489 1.057l-1.186-6.524l-1.968.358l.626 3.44l-.024-.026l1.437 8.264A12 12 0 0 1 33.5 35c-1.733 0-3.103-.36-3.876-.627l1.437-8.26l-.025.027l.627-3.445l-1.968-.358l-1.186 6.525a1 1 0 0 1-1.489-1.058c.528-2.633.716-3.595.812-4.09l.002-.011c.094-.483.096-.495.269-1.292c.181-.84.393-1.677.723-2.387c.337-.724.834-1.395 1.627-1.794a2.36 2.36 0 0 1 1.069-.23z" clipRule="evenodd"/><path d="M30.285 41.913A1.5 1.5 0 0 1 29 40.43V38c1.305.18 2.507.29 3.682.335l-.744 2.518a1.5 1.5 0 0 1-1.653 1.06m3.98-3.559l.806 2.53A1.5 1.5 0 0 0 38 40.428v-2.336a35 35 0 0 1-3.735.262"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="currentColor"><path fill-rule="evenodd" d="M14.5 14a4 4 0 1 0 0-8a4 4 0 0 0 0 8m0-2a2 2 0 1 0 0-4a2 2 0 0 0 0 4m-5.13 4.842c.992-.597 2.085-.842 3.176-.842h3.908c1.09 0 2.184.245 3.176.841c.989.595 1.699 1.433 2.191 2.343c.93 1.717 1.179 3.864 1.179 5.96v.088q0 .045-.004.089l-.008.088v.013l-.002.044q-.003.057-.003.157c-.002.136-.001.325.002.583q0 .173.004.372v.004c.005.407.011.893.011 1.418a3 3 0 0 1-3.5 2.958V39.5a2.5 2.5 0 0 1-4.982.298l-.018-.148l-.018.148A2.5 2.5 0 0 1 9.5 39.5v-8.542Q9.255 31 9 31a3 3 0 0 1-3-3c0-.526.006-1.012.011-1.42v-.001l.004-.373a31 31 0 0 0 0-.74l-.002-.044l-.001-.013l-.008-.088L6 25.232v-.088c0-2.096.25-4.243 1.179-5.96c.492-.91 1.202-1.748 2.191-2.343M20 29a1 1 0 0 1-.5-.133V23h-2v16.5a.5.5 0 0 1-.996.06l-1.011-8.423a1 1 0 0 0-1.986 0l-1.01 8.423a.5.5 0 0 1-.997-.06V23h-2v5.867A1 1 0 0 1 8 28c0-.512.006-.989.01-1.398q.004-.199.005-.375c.006-.503.004-.826-.011-.995L8 25.188v-.044c0-1.996.25-3.736.938-5.008c.353-.654.832-1.201 1.463-1.58c.631-.38 1.356-.556 2.145-.556h3.908c.789 0 1.514.176 2.145.555c.63.38 1.11.927 1.463 1.58c.689 1.273.938 3.013.938 5.008v.045l-.004.044c-.015.17-.016.492-.011.995q0 .173.004.371v.005c.005.409.011.884.011 1.397a1 1 0 0 1-1 1m18-19a4 4 0 1 1-8 0a4 4 0 0 1 8 0m-2 0a2 2 0 1 1-4 0a2 2 0 0 1 4 0m1.446 6.444A4.35 4.35 0 0 0 35.48 16h-3.96c-.43 0-1.18.048-1.967.444c-1.33.67-2.09 1.767-2.541 2.736c-.432.928-.68 1.954-.865 2.808c-.175.811-.18.832-.28 1.345c-.095.49-.281 1.45-.809 4.077a3 3 0 0 0 3.122 3.585l-.539 3.1c-.15.86.284 1.797 1.21 2.127c.907.324 2.552.778 4.648.778s3.74-.454 4.648-.778c.926-.33 1.359-1.268 1.21-2.126l-.54-3.1a3.005 3.005 0 0 0 3.123-3.587c-.528-2.627-.714-3.587-.81-4.077c-.1-.512-.103-.533-.279-1.344c-.184-.854-.433-1.88-.864-2.808c-.452-.969-1.211-2.066-2.542-2.736M34.998 18h.48c.285 0 .68.034 1.069.23c.793.4 1.29 1.07 1.627 1.794c.33.71.542 1.547.723 2.387c.173.797.175.81.269 1.291l.002.012c.096.495.284 1.457.812 4.09a1 1 0 0 1-1.489 1.057l-1.186-6.524l-1.968.358l.626 3.44l-.024-.026l1.437 8.264A12 12 0 0 1 33.5 35c-1.733 0-3.103-.36-3.876-.627l1.437-8.26l-.025.027l.627-3.445l-1.968-.358l-1.186 6.525a1 1 0 0 1-1.489-1.058c.528-2.633.716-3.595.812-4.09l.002-.011c.094-.483.096-.495.269-1.292c.181-.84.393-1.677.723-2.387c.337-.724.834-1.395 1.627-1.794a2.36 2.36 0 0 1 1.069-.23z" clip-rule="evenodd"/><path d="M30.285 41.913A1.5 1.5 0 0 1 29 40.43V38c1.305.18 2.507.29 3.682.335l-.744 2.518a1.5 1.5 0 0 1-1.653 1.06m3.98-3.559l.806 2.53A1.5 1.5 0 0 0 38 40.428v-2.336a35 35 0 0 1-3.735.262"/></g></svg> </template>
CSS
.icon-male-and-female-outline {
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%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M14.5%2014a4%204%200%201%200%200-8a4%204%200%200%200%200%208m0-2a2%202%200%201%200%200-4a2%202%200%200%200%200%204m-5.13%204.842c.992-.597%202.085-.842%203.176-.842h3.908c1.09%200%202.184.245%203.176.841c.989.595%201.699%201.433%202.191%202.343c.93%201.717%201.179%203.864%201.179%205.96v.088q0%20.045-.004.089l-.008.088v.013l-.002.044q-.003.057-.003.157c-.002.136-.001.325.002.583q0%20.173.004.372v.004c.005.407.011.893.011%201.418a3%203%200%200%201-3.5%202.958V39.5a2.5%202.5%200%200%201-4.982.298l-.018-.148l-.018.148A2.5%202.5%200%200%201%209.5%2039.5v-8.542Q9.255%2031%209%2031a3%203%200%200%201-3-3c0-.526.006-1.012.011-1.42v-.001l.004-.373a31%2031%200%200%200%200-.74l-.002-.044l-.001-.013l-.008-.088L6%2025.232v-.088c0-2.096.25-4.243%201.179-5.96c.492-.91%201.202-1.748%202.191-2.343M20%2029a1%201%200%200%201-.5-.133V23h-2v16.5a.5.5%200%200%201-.996.06l-1.011-8.423a1%201%200%200%200-1.986%200l-1.01%208.423a.5.5%200%200%201-.997-.06V23h-2v5.867A1%201%200%200%201%208%2028c0-.512.006-.989.01-1.398q.004-.199.005-.375c.006-.503.004-.826-.011-.995L8%2025.188v-.044c0-1.996.25-3.736.938-5.008c.353-.654.832-1.201%201.463-1.58c.631-.38%201.356-.556%202.145-.556h3.908c.789%200%201.514.176%202.145.555c.63.38%201.11.927%201.463%201.58c.689%201.273.938%203.013.938%205.008v.045l-.004.044c-.015.17-.016.492-.011.995q0%20.173.004.371v.005c.005.409.011.884.011%201.397a1%201%200%200%201-1%201m18-19a4%204%200%201%201-8%200a4%204%200%200%201%208%200m-2%200a2%202%200%201%201-4%200a2%202%200%200%201%204%200m1.446%206.444A4.35%204.35%200%200%200%2035.48%2016h-3.96c-.43%200-1.18.048-1.967.444c-1.33.67-2.09%201.767-2.541%202.736c-.432.928-.68%201.954-.865%202.808c-.175.811-.18.832-.28%201.345c-.095.49-.281%201.45-.809%204.077a3%203%200%200%200%203.122%203.585l-.539%203.1c-.15.86.284%201.797%201.21%202.127c.907.324%202.552.778%204.648.778s3.74-.454%204.648-.778c.926-.33%201.359-1.268%201.21-2.126l-.54-3.1a3.005%203.005%200%200%200%203.123-3.587c-.528-2.627-.714-3.587-.81-4.077c-.1-.512-.103-.533-.279-1.344c-.184-.854-.433-1.88-.864-2.808c-.452-.969-1.211-2.066-2.542-2.736M34.998%2018h.48c.285%200%20.68.034%201.069.23c.793.4%201.29%201.07%201.627%201.794c.33.71.542%201.547.723%202.387c.173.797.175.81.269%201.291l.002.012c.096.495.284%201.457.812%204.09a1%201%200%200%201-1.489%201.057l-1.186-6.524l-1.968.358l.626%203.44l-.024-.026l1.437%208.264A12%2012%200%200%201%2033.5%2035c-1.733%200-3.103-.36-3.876-.627l1.437-8.26l-.025.027l.627-3.445l-1.968-.358l-1.186%206.525a1%201%200%200%201-1.489-1.058c.528-2.633.716-3.595.812-4.09l.002-.011c.094-.483.096-.495.269-1.292c.181-.84.393-1.677.723-2.387c.337-.724.834-1.395%201.627-1.794a2.36%202.36%200%200%201%201.069-.23z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20d%3D%22M30.285%2041.913A1.5%201.5%200%200%201%2029%2040.43V38c1.305.18%202.507.29%203.682.335l-.744%202.518a1.5%201.5%200%200%201-1.653%201.06m3.98-3.559l.806%202.53A1.5%201.5%200%200%200%2038%2040.428v-2.336a35%2035%200%200%201-3.735.262%22%2F%3E%3C%2Fg%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%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M14.5%2014a4%204%200%201%200%200-8a4%204%200%200%200%200%208m0-2a2%202%200%201%200%200-4a2%202%200%200%200%200%204m-5.13%204.842c.992-.597%202.085-.842%203.176-.842h3.908c1.09%200%202.184.245%203.176.841c.989.595%201.699%201.433%202.191%202.343c.93%201.717%201.179%203.864%201.179%205.96v.088q0%20.045-.004.089l-.008.088v.013l-.002.044q-.003.057-.003.157c-.002.136-.001.325.002.583q0%20.173.004.372v.004c.005.407.011.893.011%201.418a3%203%200%200%201-3.5%202.958V39.5a2.5%202.5%200%200%201-4.982.298l-.018-.148l-.018.148A2.5%202.5%200%200%201%209.5%2039.5v-8.542Q9.255%2031%209%2031a3%203%200%200%201-3-3c0-.526.006-1.012.011-1.42v-.001l.004-.373a31%2031%200%200%200%200-.74l-.002-.044l-.001-.013l-.008-.088L6%2025.232v-.088c0-2.096.25-4.243%201.179-5.96c.492-.91%201.202-1.748%202.191-2.343M20%2029a1%201%200%200%201-.5-.133V23h-2v16.5a.5.5%200%200%201-.996.06l-1.011-8.423a1%201%200%200%200-1.986%200l-1.01%208.423a.5.5%200%200%201-.997-.06V23h-2v5.867A1%201%200%200%201%208%2028c0-.512.006-.989.01-1.398q.004-.199.005-.375c.006-.503.004-.826-.011-.995L8%2025.188v-.044c0-1.996.25-3.736.938-5.008c.353-.654.832-1.201%201.463-1.58c.631-.38%201.356-.556%202.145-.556h3.908c.789%200%201.514.176%202.145.555c.63.38%201.11.927%201.463%201.58c.689%201.273.938%203.013.938%205.008v.045l-.004.044c-.015.17-.016.492-.011.995q0%20.173.004.371v.005c.005.409.011.884.011%201.397a1%201%200%200%201-1%201m18-19a4%204%200%201%201-8%200a4%204%200%200%201%208%200m-2%200a2%202%200%201%201-4%200a2%202%200%200%201%204%200m1.446%206.444A4.35%204.35%200%200%200%2035.48%2016h-3.96c-.43%200-1.18.048-1.967.444c-1.33.67-2.09%201.767-2.541%202.736c-.432.928-.68%201.954-.865%202.808c-.175.811-.18.832-.28%201.345c-.095.49-.281%201.45-.809%204.077a3%203%200%200%200%203.122%203.585l-.539%203.1c-.15.86.284%201.797%201.21%202.127c.907.324%202.552.778%204.648.778s3.74-.454%204.648-.778c.926-.33%201.359-1.268%201.21-2.126l-.54-3.1a3.005%203.005%200%200%200%203.123-3.587c-.528-2.627-.714-3.587-.81-4.077c-.1-.512-.103-.533-.279-1.344c-.184-.854-.433-1.88-.864-2.808c-.452-.969-1.211-2.066-2.542-2.736M34.998%2018h.48c.285%200%20.68.034%201.069.23c.793.4%201.29%201.07%201.627%201.794c.33.71.542%201.547.723%202.387c.173.797.175.81.269%201.291l.002.012c.096.495.284%201.457.812%204.09a1%201%200%200%201-1.489%201.057l-1.186-6.524l-1.968.358l.626%203.44l-.024-.026l1.437%208.264A12%2012%200%200%201%2033.5%2035c-1.733%200-3.103-.36-3.876-.627l1.437-8.26l-.025.027l.627-3.445l-1.968-.358l-1.186%206.525a1%201%200%200%201-1.489-1.058c.528-2.633.716-3.595.812-4.09l.002-.011c.094-.483.096-.495.269-1.292c.181-.84.393-1.677.723-2.387c.337-.724.834-1.395%201.627-1.794a2.36%202.36%200%200%201%201.069-.23z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20d%3D%22M30.285%2041.913A1.5%201.5%200%200%201%2029%2040.43V38c1.305.18%202.507.29%203.682.335l-.744%202.518a1.5%201.5%200%200%201-1.653%201.06m3.98-3.559l.806%202.53A1.5%201.5%200%200%200%2038%2040.428v-2.336a35%2035%200%200%201-3.735.262%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/healthicons/male-and-female-outline.svg?color=%231a73e8&size=48
