male icon

male from Font Awesome Solid by Dave Gandy · Solid · Maps · CC-BY-4.0 Attribution required.

Name: male
Set: Font Awesome Solid
Style: Solid
Category: Maps
Viewbox: 640×640
License: CC BY 4.0

The same icon in other sets

maleBoxIcons v2 maleElement Plus maleHealth Icons maleIconPark maleIconPark Outline maleIconPark Solid maleIconPark TwoTone maleIconoir maleIonIcons maleJam Icons maleLine Awesome maleMage Icons maleMaterial Symbols maleMaterial Symbols Light male-fillMingCute Icon maleMyna UI Icons

More maps icons from Font Awesome Solid

Use the male icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M376 88c0-30.9-25.1-56-56-56s-56 25.1-56 56s25.1 56 56 56s56-25.1 56-56m24 212.7l46.3 62.4c10.5 14.2 30.6 17.2 44.8 6.6s17.2-30.6 6.6-44.8l-70.5-95C402 196 362.3 176 320 176s-82 20-107.2 53.9l-70.5 95c-10.5 14.2-7.6 34.2 6.6 44.8s34.2 7.6 44.8-6.6l46.3-62.4V576c0 17.7 14.3 32 32 32s32-14.3 32-32V416c0-8.8 7.2-16 16-16s16 7.2 16 16v160c0 17.7 14.3 32 32 32s32-14.3 32-32z"/></svg>

React

import type { SVGProps } from "react";

export function Fa7SolidMale(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M376 88c0-30.9-25.1-56-56-56s-56 25.1-56 56s25.1 56 56 56s56-25.1 56-56m24 212.7l46.3 62.4c10.5 14.2 30.6 17.2 44.8 6.6s17.2-30.6 6.6-44.8l-70.5-95C402 196 362.3 176 320 176s-82 20-107.2 53.9l-70.5 95c-10.5 14.2-7.6 34.2 6.6 44.8s34.2 7.6 44.8-6.6l46.3-62.4V576c0 17.7 14.3 32 32 32s32-14.3 32-32V416c0-8.8 7.2-16 16-16s16 7.2 16 16v160c0 17.7 14.3 32 32 32s32-14.3 32-32z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M376 88c0-30.9-25.1-56-56-56s-56 25.1-56 56s25.1 56 56 56s56-25.1 56-56m24 212.7l46.3 62.4c10.5 14.2 30.6 17.2 44.8 6.6s17.2-30.6 6.6-44.8l-70.5-95C402 196 362.3 176 320 176s-82 20-107.2 53.9l-70.5 95c-10.5 14.2-7.6 34.2 6.6 44.8s34.2 7.6 44.8-6.6l46.3-62.4V576c0 17.7 14.3 32 32 32s32-14.3 32-32V416c0-8.8 7.2-16 16-16s16 7.2 16 16v160c0 17.7 14.3 32 32 32s32-14.3 32-32z"/></svg>
</template>

CSS

.icon-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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M376%2088c0-30.9-25.1-56-56-56s-56%2025.1-56%2056s25.1%2056%2056%2056s56-25.1%2056-56m24%20212.7l46.3%2062.4c10.5%2014.2%2030.6%2017.2%2044.8%206.6s17.2-30.6%206.6-44.8l-70.5-95C402%20196%20362.3%20176%20320%20176s-82%2020-107.2%2053.9l-70.5%2095c-10.5%2014.2-7.6%2034.2%206.6%2044.8s34.2%207.6%2044.8-6.6l46.3-62.4V576c0%2017.7%2014.3%2032%2032%2032s32-14.3%2032-32V416c0-8.8%207.2-16%2016-16s16%207.2%2016%2016v160c0%2017.7%2014.3%2032%2032%2032s32-14.3%2032-32z%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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M376%2088c0-30.9-25.1-56-56-56s-56%2025.1-56%2056s25.1%2056%2056%2056s56-25.1%2056-56m24%20212.7l46.3%2062.4c10.5%2014.2%2030.6%2017.2%2044.8%206.6s17.2-30.6%206.6-44.8l-70.5-95C402%20196%20362.3%20176%20320%20176s-82%2020-107.2%2053.9l-70.5%2095c-10.5%2014.2-7.6%2034.2%206.6%2044.8s34.2%207.6%2044.8-6.6l46.3-62.4V576c0%2017.7%2014.3%2032%2032%2032s32-14.3%2032-32V416c0-8.8%207.2-16%2016-16s16%207.2%2016%2016v160c0%2017.7%2014.3%2032%2032%2032s32-14.3%2032-32z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa7-solid/male.svg?color=%231a73e8&size=48