face man icon

face-man-outline from Material Design Icons by Pictogrammers · Outline · People / Family · Apache-2.0 Free for personal and commercial use.

Name: face-man-outline
Set: Material Design Icons
Style: Outline
Category: People / Family
Viewbox: 24×24
License: Apache 2.0
Aliases: emoji-man-outline, emoticon-man-outline, face-male-outline

1 other variant in Material Design Icons

face-man

More people / family icons from Material Design Icons

Use the face 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.25 13A1.25 1.25 0 0 1 9 14.25A1.25 1.25 0 0 1 7.75 13A1.25 1.25 0 0 1 9 11.75A1.25 1.25 0 0 1 10.25 13M15 11.75A1.25 1.25 0 0 0 13.75 13A1.25 1.25 0 0 0 15 14.25A1.25 1.25 0 0 0 16.25 13A1.25 1.25 0 0 0 15 11.75m7 .25a10 10 0 0 1-10 10A10 10 0 0 1 2 12A10 10 0 0 1 12 2a10 10 0 0 1 10 10M10.66 4.12C12.06 6.44 14.6 8 17.5 8c.46 0 .91-.05 1.34-.12C17.44 5.56 14.9 4 12 4c-.46 0-.91.05-1.34.12M4.42 9.47a8.05 8.05 0 0 0 3.66-4.44a8.05 8.05 0 0 0-3.66 4.44M20 12c0-.78-.12-1.53-.33-2.24c-.7.15-1.42.24-2.17.24a10 10 0 0 1-7.76-3.69A10.02 10.02 0 0 1 4 11.86V12c0 4.41 3.59 8 8 8s8-3.59 8-8"/></svg>

React

import type { SVGProps } from "react";

export function MdiFaceManOutline(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.25 13A1.25 1.25 0 0 1 9 14.25A1.25 1.25 0 0 1 7.75 13A1.25 1.25 0 0 1 9 11.75A1.25 1.25 0 0 1 10.25 13M15 11.75A1.25 1.25 0 0 0 13.75 13A1.25 1.25 0 0 0 15 14.25A1.25 1.25 0 0 0 16.25 13A1.25 1.25 0 0 0 15 11.75m7 .25a10 10 0 0 1-10 10A10 10 0 0 1 2 12A10 10 0 0 1 12 2a10 10 0 0 1 10 10M10.66 4.12C12.06 6.44 14.6 8 17.5 8c.46 0 .91-.05 1.34-.12C17.44 5.56 14.9 4 12 4c-.46 0-.91.05-1.34.12M4.42 9.47a8.05 8.05 0 0 0 3.66-4.44a8.05 8.05 0 0 0-3.66 4.44M20 12c0-.78-.12-1.53-.33-2.24c-.7.15-1.42.24-2.17.24a10 10 0 0 1-7.76-3.69A10.02 10.02 0 0 1 4 11.86V12c0 4.41 3.59 8 8 8s8-3.59 8-8"/></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.25 13A1.25 1.25 0 0 1 9 14.25A1.25 1.25 0 0 1 7.75 13A1.25 1.25 0 0 1 9 11.75A1.25 1.25 0 0 1 10.25 13M15 11.75A1.25 1.25 0 0 0 13.75 13A1.25 1.25 0 0 0 15 14.25A1.25 1.25 0 0 0 16.25 13A1.25 1.25 0 0 0 15 11.75m7 .25a10 10 0 0 1-10 10A10 10 0 0 1 2 12A10 10 0 0 1 12 2a10 10 0 0 1 10 10M10.66 4.12C12.06 6.44 14.6 8 17.5 8c.46 0 .91-.05 1.34-.12C17.44 5.56 14.9 4 12 4c-.46 0-.91.05-1.34.12M4.42 9.47a8.05 8.05 0 0 0 3.66-4.44a8.05 8.05 0 0 0-3.66 4.44M20 12c0-.78-.12-1.53-.33-2.24c-.7.15-1.42.24-2.17.24a10 10 0 0 1-7.76-3.69A10.02 10.02 0 0 1 4 11.86V12c0 4.41 3.59 8 8 8s8-3.59 8-8"/></svg>
</template>

CSS

.icon-face-man-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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M10.25%2013A1.25%201.25%200%200%201%209%2014.25A1.25%201.25%200%200%201%207.75%2013A1.25%201.25%200%200%201%209%2011.75A1.25%201.25%200%200%201%2010.25%2013M15%2011.75A1.25%201.25%200%200%200%2013.75%2013A1.25%201.25%200%200%200%2015%2014.25A1.25%201.25%200%200%200%2016.25%2013A1.25%201.25%200%200%200%2015%2011.75m7%20.25a10%2010%200%200%201-10%2010A10%2010%200%200%201%202%2012A10%2010%200%200%201%2012%202a10%2010%200%200%201%2010%2010M10.66%204.12C12.06%206.44%2014.6%208%2017.5%208c.46%200%20.91-.05%201.34-.12C17.44%205.56%2014.9%204%2012%204c-.46%200-.91.05-1.34.12M4.42%209.47a8.05%208.05%200%200%200%203.66-4.44a8.05%208.05%200%200%200-3.66%204.44M20%2012c0-.78-.12-1.53-.33-2.24c-.7.15-1.42.24-2.17.24a10%2010%200%200%201-7.76-3.69A10.02%2010.02%200%200%201%204%2011.86V12c0%204.41%203.59%208%208%208s8-3.59%208-8%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.25%2013A1.25%201.25%200%200%201%209%2014.25A1.25%201.25%200%200%201%207.75%2013A1.25%201.25%200%200%201%209%2011.75A1.25%201.25%200%200%201%2010.25%2013M15%2011.75A1.25%201.25%200%200%200%2013.75%2013A1.25%201.25%200%200%200%2015%2014.25A1.25%201.25%200%200%200%2016.25%2013A1.25%201.25%200%200%200%2015%2011.75m7%20.25a10%2010%200%200%201-10%2010A10%2010%200%200%201%202%2012A10%2010%200%200%201%2012%202a10%2010%200%200%201%2010%2010M10.66%204.12C12.06%206.44%2014.6%208%2017.5%208c.46%200%20.91-.05%201.34-.12C17.44%205.56%2014.9%204%2012%204c-.46%200-.91.05-1.34.12M4.42%209.47a8.05%208.05%200%200%200%203.66-4.44a8.05%208.05%200%200%200-3.66%204.44M20%2012c0-.78-.12-1.53-.33-2.24c-.7.15-1.42.24-2.17.24a10%2010%200%200%201-7.76-3.69A10.02%2010.02%200%200%201%204%2011.86V12c0%204.41%203.59%208%208%208s8-3.59%208-8%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mdi/face-man-outline.svg?color=%231a73e8&size=48