man icon
man-rounded from Material Symbols by Google · Rounded · Social · Apache-2.0 Free for personal and commercial use.
- Name
- man-rounded
- Set
- Material Symbols
- Style
- Rounded
- Category
- Social
- Viewbox
- 24×24
- License
- Apache 2.0
- Aliases
- man-outline-rounded
2 other variants in Material Symbols
The same icon in other sets
man-outlinedAnt Design IconsmanEmoji One (Colored)manFluent EmojimanFluent Emoji FlatmanFluent Emoji High ContrastmanFirefox OS EmojimanHealth IconsmanHuge IconsmanIonIconsmanMaterial Symbols LightmanNoto EmojimanOpenMojimanSimple IconsmanTabler IconsmanWeb3 IconsmanWeb3 Icons BrandedmanTwitter Emoji
More social icons from Material Symbols
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 21v-6H9q-.425 0-.712-.288T8 14V9q0-.825.588-1.412T10 7h4q.825 0 1.413.588T16 9v5q0 .425-.288.713T15 15h-1v6q0 .425-.288.713T13 22h-2q-.425 0-.712-.288T10 21m2-15q-.825 0-1.412-.587T10 4t.588-1.412T12 2t1.413.588T14 4t-.587 1.413T12 6"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsManRounded(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 21v-6H9q-.425 0-.712-.288T8 14V9q0-.825.588-1.412T10 7h4q.825 0 1.413.588T16 9v5q0 .425-.288.713T15 15h-1v6q0 .425-.288.713T13 22h-2q-.425 0-.712-.288T10 21m2-15q-.825 0-1.412-.587T10 4t.588-1.412T12 2t1.413.588T14 4t-.587 1.413T12 6"/></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 21v-6H9q-.425 0-.712-.288T8 14V9q0-.825.588-1.412T10 7h4q.825 0 1.413.588T16 9v5q0 .425-.288.713T15 15h-1v6q0 .425-.288.713T13 22h-2q-.425 0-.712-.288T10 21m2-15q-.825 0-1.412-.587T10 4t.588-1.412T12 2t1.413.588T14 4t-.587 1.413T12 6"/></svg> </template>
CSS
.icon-man-rounded {
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%2021v-6H9q-.425%200-.712-.288T8%2014V9q0-.825.588-1.412T10%207h4q.825%200%201.413.588T16%209v5q0%20.425-.288.713T15%2015h-1v6q0%20.425-.288.713T13%2022h-2q-.425%200-.712-.288T10%2021m2-15q-.825%200-1.412-.587T10%204t.588-1.412T12%202t1.413.588T14%204t-.587%201.413T12%206%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%2021v-6H9q-.425%200-.712-.288T8%2014V9q0-.825.588-1.412T10%207h4q.825%200%201.413.588T16%209v5q0%20.425-.288.713T15%2015h-1v6q0%20.425-.288.713T13%2022h-2q-.425%200-.712-.288T10%2021m2-15q-.825%200-1.412-.587T10%204t.588-1.412T12%202t1.413.588T14%204t-.587%201.413T12%206%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols/man-rounded.svg?color=%231a73e8&size=48
