man emoji

man-light-skin-tone from Emoji One (Colored) by Emoji One · Light skin tone · People · CC-BY-4.0 Attribution required.

Name
man-light-skin-tone
Set
Emoji One (Colored)
Style
Light skin tone
Category
People
Viewbox
64×64
License
CC BY 4.0

5 other variants in Emoji One (Colored)

manman-dark-skin-toneman-medium-dark-skin-toneman-medium-light-skin-toneman-medium-skin-tone

The same emoji in other sets

man-outlinedAnt Design IconsmanFluent EmojimanFluent Emoji FlatmanFluent Emoji High ContrastmanFirefox OS EmojimanHealth IconsmanHuge IconsmanIonIconsmanMaterial SymbolsmanMaterial Symbols LightmanNoto EmojimanOpenMojimanSimple IconsmanTabler IconsmanWeb3 IconsmanWeb3 Icons BrandedmanTwitter Emoji

More people icons from Emoji One (Colored)

alienalien-monsterangry-faceangry-face-with-hornsanguished-faceanxious-face-with-sweatastonished-facebabybaby-angelbackhand-index-pointing-downbackhand-index-pointing-leftbackhand-index-pointing-rightbackhand-index-pointing-upbeaming-face-with-smiling-eyesblond-haired-personboybride-with-veilbriefcasebust-in-silhouettebusts-in-silhouettecall-me-handcat-face-with-tears-of-joycat-face-with-wry-smileclapping-hands

Use the man emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#594640" d="M6 36h52C58 8 54 2 32 2S6 8 6 36"/><path fill="#ffe1bd" d="M55.8 29.9c-.2 1.1-.4 2.1-.7 2.7c-.6 1-1.7 1.6-1.7 1.6s.3-2.1.2-5C52.4 11.8 51.4 16.6 32 16.6s-20.4-4.8-21.6 12.5c-.1 2.9.2 5.1.2 5.1s-1.1-.6-1.7-1.6c-.3-.6-.5-1.6-.7-2.7C6.4 29.4 4 29.8 4 35c0 3.2 1.2 5.9 5.3 6.2c1.3 10.2 7.3 15.4 17.2 19.9c2.7 1.2 8.3 1.2 11 0c10-4.5 15.9-9.7 17.2-19.9c4.1-.3 5.3-2.9 5.3-6.2c0-5.2-2.4-5.6-4.2-5.1"/><path fill="#664e27" d="M41 48.9c0 3.4-4.5 5.1-9 5.1s-9-1.7-9-5.1c0 0 0-.9.9-.9h16.2c.9 0 .9.9.9.9"/><path fill="#f5f5f5" d="M20 28.6c-5 0-7 1.8-7 3.6s0 4.4 6.6 4.4c6.4 0 7.4-.8 7.4-3.5c0-1.8-2-4.5-7-4.5"/><circle cx="20.5" cy="31.6" r="4.5" fill="#664e27"/><path fill="#231f20" d="M22 31.6c0 .8-.7 1.5-1.5 1.5s-1.5-.7-1.5-1.5s.7-1.5 1.5-1.5s1.5.7 1.5 1.5"/><path fill="#664e27" d="M13 32.1c0-7 14-7 14 1c-2-6-12-6-14-1"/><path fill="#f5f5f5" d="M44 28.6c5 0 7 1.8 7 3.6s0 4.4-6.6 4.4c-6.4 0-7.4-.8-7.4-3.5c0-1.8 2-4.5 7-4.5"/><circle cx="43.5" cy="31.6" r="4.5" fill="#664e27"/><path fill="#231f20" d="M42 31.6c0 .8.7 1.5 1.5 1.5s1.5-.7 1.5-1.5s-.7-1.5-1.5-1.5s-1.5.7-1.5 1.5"/><path fill="#664e27" d="M51 32.1c0-7-14-7-14 1c2-6 12-6 14-1"/><path fill="#e6b796" d="M32 45c-4.2 0-6.3-3-4.2-3h8.4c2.1 0 0 3-4.2 3"/></svg>

React

import type { SVGProps } from "react";

export function EmojioneManLightSkinTone(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#594640" d="M6 36h52C58 8 54 2 32 2S6 8 6 36"/><path fill="#ffe1bd" d="M55.8 29.9c-.2 1.1-.4 2.1-.7 2.7c-.6 1-1.7 1.6-1.7 1.6s.3-2.1.2-5C52.4 11.8 51.4 16.6 32 16.6s-20.4-4.8-21.6 12.5c-.1 2.9.2 5.1.2 5.1s-1.1-.6-1.7-1.6c-.3-.6-.5-1.6-.7-2.7C6.4 29.4 4 29.8 4 35c0 3.2 1.2 5.9 5.3 6.2c1.3 10.2 7.3 15.4 17.2 19.9c2.7 1.2 8.3 1.2 11 0c10-4.5 15.9-9.7 17.2-19.9c4.1-.3 5.3-2.9 5.3-6.2c0-5.2-2.4-5.6-4.2-5.1"/><path fill="#664e27" d="M41 48.9c0 3.4-4.5 5.1-9 5.1s-9-1.7-9-5.1c0 0 0-.9.9-.9h16.2c.9 0 .9.9.9.9"/><path fill="#f5f5f5" d="M20 28.6c-5 0-7 1.8-7 3.6s0 4.4 6.6 4.4c6.4 0 7.4-.8 7.4-3.5c0-1.8-2-4.5-7-4.5"/><circle cx="20.5" cy="31.6" r="4.5" fill="#664e27"/><path fill="#231f20" d="M22 31.6c0 .8-.7 1.5-1.5 1.5s-1.5-.7-1.5-1.5s.7-1.5 1.5-1.5s1.5.7 1.5 1.5"/><path fill="#664e27" d="M13 32.1c0-7 14-7 14 1c-2-6-12-6-14-1"/><path fill="#f5f5f5" d="M44 28.6c5 0 7 1.8 7 3.6s0 4.4-6.6 4.4c-6.4 0-7.4-.8-7.4-3.5c0-1.8 2-4.5 7-4.5"/><circle cx="43.5" cy="31.6" r="4.5" fill="#664e27"/><path fill="#231f20" d="M42 31.6c0 .8.7 1.5 1.5 1.5s1.5-.7 1.5-1.5s-.7-1.5-1.5-1.5s-1.5.7-1.5 1.5"/><path fill="#664e27" d="M51 32.1c0-7-14-7-14 1c2-6 12-6 14-1"/><path fill="#e6b796" d="M32 45c-4.2 0-6.3-3-4.2-3h8.4c2.1 0 0 3-4.2 3"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#594640" d="M6 36h52C58 8 54 2 32 2S6 8 6 36"/><path fill="#ffe1bd" d="M55.8 29.9c-.2 1.1-.4 2.1-.7 2.7c-.6 1-1.7 1.6-1.7 1.6s.3-2.1.2-5C52.4 11.8 51.4 16.6 32 16.6s-20.4-4.8-21.6 12.5c-.1 2.9.2 5.1.2 5.1s-1.1-.6-1.7-1.6c-.3-.6-.5-1.6-.7-2.7C6.4 29.4 4 29.8 4 35c0 3.2 1.2 5.9 5.3 6.2c1.3 10.2 7.3 15.4 17.2 19.9c2.7 1.2 8.3 1.2 11 0c10-4.5 15.9-9.7 17.2-19.9c4.1-.3 5.3-2.9 5.3-6.2c0-5.2-2.4-5.6-4.2-5.1"/><path fill="#664e27" d="M41 48.9c0 3.4-4.5 5.1-9 5.1s-9-1.7-9-5.1c0 0 0-.9.9-.9h16.2c.9 0 .9.9.9.9"/><path fill="#f5f5f5" d="M20 28.6c-5 0-7 1.8-7 3.6s0 4.4 6.6 4.4c6.4 0 7.4-.8 7.4-3.5c0-1.8-2-4.5-7-4.5"/><circle cx="20.5" cy="31.6" r="4.5" fill="#664e27"/><path fill="#231f20" d="M22 31.6c0 .8-.7 1.5-1.5 1.5s-1.5-.7-1.5-1.5s.7-1.5 1.5-1.5s1.5.7 1.5 1.5"/><path fill="#664e27" d="M13 32.1c0-7 14-7 14 1c-2-6-12-6-14-1"/><path fill="#f5f5f5" d="M44 28.6c5 0 7 1.8 7 3.6s0 4.4-6.6 4.4c-6.4 0-7.4-.8-7.4-3.5c0-1.8 2-4.5 7-4.5"/><circle cx="43.5" cy="31.6" r="4.5" fill="#664e27"/><path fill="#231f20" d="M42 31.6c0 .8.7 1.5 1.5 1.5s1.5-.7 1.5-1.5s-.7-1.5-1.5-1.5s-1.5.7-1.5 1.5"/><path fill="#664e27" d="M51 32.1c0-7-14-7-14 1c2-6 12-6 14-1"/><path fill="#e6b796" d="M32 45c-4.2 0-6.3-3-4.2-3h8.4c2.1 0 0 3-4.2 3"/></svg>
</template>

CSS

.icon-man-light-skin-tone {
  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%2064%2064%22%3E%3Cpath%20fill%3D%22%23594640%22%20d%3D%22M6%2036h52C58%208%2054%202%2032%202S6%208%206%2036%22%2F%3E%3Cpath%20fill%3D%22%23ffe1bd%22%20d%3D%22M55.8%2029.9c-.2%201.1-.4%202.1-.7%202.7c-.6%201-1.7%201.6-1.7%201.6s.3-2.1.2-5C52.4%2011.8%2051.4%2016.6%2032%2016.6s-20.4-4.8-21.6%2012.5c-.1%202.9.2%205.1.2%205.1s-1.1-.6-1.7-1.6c-.3-.6-.5-1.6-.7-2.7C6.4%2029.4%204%2029.8%204%2035c0%203.2%201.2%205.9%205.3%206.2c1.3%2010.2%207.3%2015.4%2017.2%2019.9c2.7%201.2%208.3%201.2%2011%200c10-4.5%2015.9-9.7%2017.2-19.9c4.1-.3%205.3-2.9%205.3-6.2c0-5.2-2.4-5.6-4.2-5.1%22%2F%3E%3Cpath%20fill%3D%22%23664e27%22%20d%3D%22M41%2048.9c0%203.4-4.5%205.1-9%205.1s-9-1.7-9-5.1c0%200%200-.9.9-.9h16.2c.9%200%20.9.9.9.9%22%2F%3E%3Cpath%20fill%3D%22%23f5f5f5%22%20d%3D%22M20%2028.6c-5%200-7%201.8-7%203.6s0%204.4%206.6%204.4c6.4%200%207.4-.8%207.4-3.5c0-1.8-2-4.5-7-4.5%22%2F%3E%3Ccircle%20cx%3D%2220.5%22%20cy%3D%2231.6%22%20r%3D%224.5%22%20fill%3D%22%23664e27%22%2F%3E%3Cpath%20fill%3D%22%23231f20%22%20d%3D%22M22%2031.6c0%20.8-.7%201.5-1.5%201.5s-1.5-.7-1.5-1.5s.7-1.5%201.5-1.5s1.5.7%201.5%201.5%22%2F%3E%3Cpath%20fill%3D%22%23664e27%22%20d%3D%22M13%2032.1c0-7%2014-7%2014%201c-2-6-12-6-14-1%22%2F%3E%3Cpath%20fill%3D%22%23f5f5f5%22%20d%3D%22M44%2028.6c5%200%207%201.8%207%203.6s0%204.4-6.6%204.4c-6.4%200-7.4-.8-7.4-3.5c0-1.8%202-4.5%207-4.5%22%2F%3E%3Ccircle%20cx%3D%2243.5%22%20cy%3D%2231.6%22%20r%3D%224.5%22%20fill%3D%22%23664e27%22%2F%3E%3Cpath%20fill%3D%22%23231f20%22%20d%3D%22M42%2031.6c0%20.8.7%201.5%201.5%201.5s1.5-.7%201.5-1.5s-.7-1.5-1.5-1.5s-1.5.7-1.5%201.5%22%2F%3E%3Cpath%20fill%3D%22%23664e27%22%20d%3D%22M51%2032.1c0-7-14-7-14%201c2-6%2012-6%2014-1%22%2F%3E%3Cpath%20fill%3D%22%23e6b796%22%20d%3D%22M32%2045c-4.2%200-6.3-3-4.2-3h8.4c2.1%200%200%203-4.2%203%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%2064%2064%22%3E%3Cpath%20fill%3D%22%23594640%22%20d%3D%22M6%2036h52C58%208%2054%202%2032%202S6%208%206%2036%22%2F%3E%3Cpath%20fill%3D%22%23ffe1bd%22%20d%3D%22M55.8%2029.9c-.2%201.1-.4%202.1-.7%202.7c-.6%201-1.7%201.6-1.7%201.6s.3-2.1.2-5C52.4%2011.8%2051.4%2016.6%2032%2016.6s-20.4-4.8-21.6%2012.5c-.1%202.9.2%205.1.2%205.1s-1.1-.6-1.7-1.6c-.3-.6-.5-1.6-.7-2.7C6.4%2029.4%204%2029.8%204%2035c0%203.2%201.2%205.9%205.3%206.2c1.3%2010.2%207.3%2015.4%2017.2%2019.9c2.7%201.2%208.3%201.2%2011%200c10-4.5%2015.9-9.7%2017.2-19.9c4.1-.3%205.3-2.9%205.3-6.2c0-5.2-2.4-5.6-4.2-5.1%22%2F%3E%3Cpath%20fill%3D%22%23664e27%22%20d%3D%22M41%2048.9c0%203.4-4.5%205.1-9%205.1s-9-1.7-9-5.1c0%200%200-.9.9-.9h16.2c.9%200%20.9.9.9.9%22%2F%3E%3Cpath%20fill%3D%22%23f5f5f5%22%20d%3D%22M20%2028.6c-5%200-7%201.8-7%203.6s0%204.4%206.6%204.4c6.4%200%207.4-.8%207.4-3.5c0-1.8-2-4.5-7-4.5%22%2F%3E%3Ccircle%20cx%3D%2220.5%22%20cy%3D%2231.6%22%20r%3D%224.5%22%20fill%3D%22%23664e27%22%2F%3E%3Cpath%20fill%3D%22%23231f20%22%20d%3D%22M22%2031.6c0%20.8-.7%201.5-1.5%201.5s-1.5-.7-1.5-1.5s.7-1.5%201.5-1.5s1.5.7%201.5%201.5%22%2F%3E%3Cpath%20fill%3D%22%23664e27%22%20d%3D%22M13%2032.1c0-7%2014-7%2014%201c-2-6-12-6-14-1%22%2F%3E%3Cpath%20fill%3D%22%23f5f5f5%22%20d%3D%22M44%2028.6c5%200%207%201.8%207%203.6s0%204.4-6.6%204.4c-6.4%200-7.4-.8-7.4-3.5c0-1.8%202-4.5%207-4.5%22%2F%3E%3Ccircle%20cx%3D%2243.5%22%20cy%3D%2231.6%22%20r%3D%224.5%22%20fill%3D%22%23664e27%22%2F%3E%3Cpath%20fill%3D%22%23231f20%22%20d%3D%22M42%2031.6c0%20.8.7%201.5%201.5%201.5s1.5-.7%201.5-1.5s-.7-1.5-1.5-1.5s-1.5.7-1.5%201.5%22%2F%3E%3Cpath%20fill%3D%22%23664e27%22%20d%3D%22M51%2032.1c0-7-14-7-14%201c2-6%2012-6%2014-1%22%2F%3E%3Cpath%20fill%3D%22%23e6b796%22%20d%3D%22M32%2045c-4.2%200-6.3-3-4.2-3h8.4c2.1%200%200%203-4.2%203%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/emojione/man-light-skin-tone.svg?color=%231a73e8&size=48