man icon
man from Health Icons by Resolve to Save Lives · Filled · People · MIT Free for personal and commercial use.
- Name
- man
- Set
- Health Icons
- Style
- Filled
- Category
- People
- Viewbox
- 48×48
- License
- MIT
3 other variants in Health Icons
The same icon in other sets
man-outlinedAnt Design IconsmanEmoji One (Colored)manFluent EmojimanFluent Emoji FlatmanFluent Emoji High ContrastmanFirefox OS EmojimanHuge IconsmanIonIconsmanMaterial SymbolsmanMaterial Symbols LightmanNoto EmojimanOpenMojimanSimple IconsmanTabler IconsmanWeb3 IconsmanWeb3 Icons BrandedmanTwitter Emoji
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 man icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" d="M28 8a4 4 0 1 1-8 0a4 4 0 0 1 8 0M18 18.82c-.217.513-.41 1.19-.564 1.995C17.03 22.931 17 25.273 17 26a2 2 0 1 1-4 0c0-.773.026-3.431.508-5.94c.238-1.236.616-2.607 1.265-3.717c.651-1.115 1.822-2.343 3.671-2.343h11.112c1.849 0 3.02 1.228 3.671 2.343c.649 1.11 1.027 2.48 1.265 3.717c.482 2.509.508 5.167.508 5.94a2 2 0 1 1-4 0c0-.727-.03-3.069-.436-5.185c-.155-.805-.347-1.482-.564-1.994V42a2 2 0 0 1-3.994.153l-1-13A2 2 0 0 1 25 29h-2q0 .076-.006.153l-1 13A2 2 0 0 1 18 42z"/></svg>
React
import type { SVGProps } from "react";
export function HealthiconsMan(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" d="M28 8a4 4 0 1 1-8 0a4 4 0 0 1 8 0M18 18.82c-.217.513-.41 1.19-.564 1.995C17.03 22.931 17 25.273 17 26a2 2 0 1 1-4 0c0-.773.026-3.431.508-5.94c.238-1.236.616-2.607 1.265-3.717c.651-1.115 1.822-2.343 3.671-2.343h11.112c1.849 0 3.02 1.228 3.671 2.343c.649 1.11 1.027 2.48 1.265 3.717c.482 2.509.508 5.167.508 5.94a2 2 0 1 1-4 0c0-.727-.03-3.069-.436-5.185c-.155-.805-.347-1.482-.564-1.994V42a2 2 0 0 1-3.994.153l-1-13A2 2 0 0 1 25 29h-2q0 .076-.006.153l-1 13A2 2 0 0 1 18 42z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" d="M28 8a4 4 0 1 1-8 0a4 4 0 0 1 8 0M18 18.82c-.217.513-.41 1.19-.564 1.995C17.03 22.931 17 25.273 17 26a2 2 0 1 1-4 0c0-.773.026-3.431.508-5.94c.238-1.236.616-2.607 1.265-3.717c.651-1.115 1.822-2.343 3.671-2.343h11.112c1.849 0 3.02 1.228 3.671 2.343c.649 1.11 1.027 2.48 1.265 3.717c.482 2.509.508 5.167.508 5.94a2 2 0 1 1-4 0c0-.727-.03-3.069-.436-5.185c-.155-.805-.347-1.482-.564-1.994V42a2 2 0 0 1-3.994.153l-1-13A2 2 0 0 1 25 29h-2q0 .076-.006.153l-1 13A2 2 0 0 1 18 42z"/></svg> </template>
CSS
.icon-man {
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%20d%3D%22M28%208a4%204%200%201%201-8%200a4%204%200%200%201%208%200M18%2018.82c-.217.513-.41%201.19-.564%201.995C17.03%2022.931%2017%2025.273%2017%2026a2%202%200%201%201-4%200c0-.773.026-3.431.508-5.94c.238-1.236.616-2.607%201.265-3.717c.651-1.115%201.822-2.343%203.671-2.343h11.112c1.849%200%203.02%201.228%203.671%202.343c.649%201.11%201.027%202.48%201.265%203.717c.482%202.509.508%205.167.508%205.94a2%202%200%201%201-4%200c0-.727-.03-3.069-.436-5.185c-.155-.805-.347-1.482-.564-1.994V42a2%202%200%200%201-3.994.153l-1-13A2%202%200%200%201%2025%2029h-2q0%20.076-.006.153l-1%2013A2%202%200%200%201%2018%2042z%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%20d%3D%22M28%208a4%204%200%201%201-8%200a4%204%200%200%201%208%200M18%2018.82c-.217.513-.41%201.19-.564%201.995C17.03%2022.931%2017%2025.273%2017%2026a2%202%200%201%201-4%200c0-.773.026-3.431.508-5.94c.238-1.236.616-2.607%201.265-3.717c.651-1.115%201.822-2.343%203.671-2.343h11.112c1.849%200%203.02%201.228%203.671%202.343c.649%201.11%201.027%202.48%201.265%203.717c.482%202.509.508%205.167.508%205.94a2%202%200%201%201-4%200c0-.727-.03-3.069-.436-5.185c-.155-.805-.347-1.482-.564-1.994V42a2%202%200%200%201-3.994.153l-1-13A2%202%200%200%201%2025%2029h-2q0%20.076-.006.153l-1%2013A2%202%200%200%201%2018%2042z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/healthicons/man.svg?color=%231a73e8&size=48
