man icon
man from Material Symbols Light by Google · Regular · Social · Apache-2.0 Free for personal and commercial use.
- Name
- man
- Set
- Material Symbols Light
- Style
- Regular
- Category
- Social
- Viewbox
- 24×24
- License
- Apache 2.0
- Aliases
- man-outline
2 other variants in Material Symbols Light
The same icon in other sets
All man icons →man-outlinedAnt Design IconsmanEmoji One (Colored)manFluent EmojimanFluent Emoji FlatmanFluent Emoji High ContrastmanFirefox OS EmojimanHealth IconsmanHuge IconsmanIonIconsmanMaterial SymbolsmanNoto EmojimanOpenMojimanReiconmanSimple IconsmanTabler IconsmanWeb3 IconsmanWeb3 Icons BrandedmanTwitter Emoji
More social icons from Material Symbols Light
Use the man icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M10.23 21.5v-6.577H8.463V9.039q0-.667.474-1.141t1.141-.475h3.846q.667 0 1.141.475t.475 1.14v5.885h-1.77V21.5zM12 5.808q-.698 0-1.195-.497t-.497-1.195t.497-1.196T12 2.423t1.195.497t.497 1.196q0 .698-.497 1.195T12 5.808"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsLightMan(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M10.23 21.5v-6.577H8.463V9.039q0-.667.474-1.141t1.141-.475h3.846q.667 0 1.141.475t.475 1.14v5.885h-1.77V21.5zM12 5.808q-.698 0-1.195-.497t-.497-1.195t.497-1.196T12 2.423t1.195.497t.497 1.196q0 .698-.497 1.195T12 5.808"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M10.23 21.5v-6.577H8.463V9.039q0-.667.474-1.141t1.141-.475h3.846q.667 0 1.141.475t.475 1.14v5.885h-1.77V21.5zM12 5.808q-.698 0-1.195-.497t-.497-1.195t.497-1.196T12 2.423t1.195.497t.497 1.196q0 .698-.497 1.195T12 5.808"/></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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M10.23%2021.5v-6.577H8.463V9.039q0-.667.474-1.141t1.141-.475h3.846q.667%200%201.141.475t.475%201.14v5.885h-1.77V21.5zM12%205.808q-.698%200-1.195-.497t-.497-1.195t.497-1.196T12%202.423t1.195.497t.497%201.196q0%20.698-.497%201.195T12%205.808%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M10.23%2021.5v-6.577H8.463V9.039q0-.667.474-1.141t1.141-.475h3.846q.667%200%201.141.475t.475%201.14v5.885h-1.77V21.5zM12%205.808q-.698%200-1.195-.497t-.497-1.195t.497-1.196T12%202.423t1.195.497t.497%201.196q0%20.698-.497%201.195T12%205.808%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/man.svg?color=%231a73e8&size=48
