man emoji
man-dark-skin-tone from Twitter Emoji by Twitter · Dark skin tone · People & Body · CC-BY-4.0 Attribution required.
- Name
- man-dark-skin-tone
- Set
- Twitter Emoji
- Style
- Dark skin tone
- Category
- People & Body
- Viewbox
- 36×36
- License
- CC BY 4.0
5 other variants in Twitter Emoji
The same emoji in other sets
man-outlinedAnt Design IconsmanEmoji One (Colored)manFluent EmojimanFluent Emoji FlatmanFluent Emoji High ContrastmanFirefox OS EmojimanHealth IconsmanHuge IconsmanIonIconsmanMaterial SymbolsmanMaterial Symbols LightmanNoto EmojimanOpenMojimanSimple IconsmanTabler IconsmanWeb3 IconsmanWeb3 Icons Branded
More people & body icons from Twitter Emoji
anatomical-heartartistastronautbabybaby-angelbackhand-index-pointing-downbackhand-index-pointing-leftbackhand-index-pointing-rightbackhand-index-pointing-upballet-dancerbiting-lipboneboybrainbreast-feedingbust-in-silhouettebusts-in-silhouettecall-me-handchildclapping-handsconstruction-workercookcouple-with-heartcouple-with-heart-man-man
Use the man emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#7c533e" d="M8 19c0 2.209-1.119 4-2.5 4S3 21.209 3 19s1.119-4 2.5-4S8 16.791 8 19m25 0c0 2.209-1.119 4-2.5 4S28 21.209 28 19s1.119-4 2.5-4s2.5 1.791 2.5 4"/><path fill="#7c533e" d="M5 20.562c0-8.526 5.82-15.438 13-15.438s13 6.912 13 15.438S25.18 36 18 36S5 29.088 5 20.562"/><path d="M13 20a1 1 0 0 1-1-1v-2a1 1 0 0 1 2 0v2a1 1 0 0 1-1 1m10 0a1 1 0 0 1-1-1v-2a1 1 0 1 1 2 0v2a1 1 0 0 1-1 1"/><path fill="#3d2e24" d="M19 24h-2a1 1 0 1 1 0-2h2a1 1 0 1 1 0 2"/><path fill="#0b0200" d="m25.274 27.038l-3.294-.941c.003-.034.02-.063.02-.097a1 1 0 0 0-1-1h-6a1 1 0 0 0-1 1c0 .034.016.063.019.097l-3.294.941a1 1 0 0 0 .55 1.924l1.931-.552a.99.99 0 0 0-.1 1.037a1 1 0 0 0 1.341.448l1.577-.788a.98.98 0 0 0 .529.788a1.003 1.003 0 0 0 1.342-.448l.105-.211l.105.211a1 1 0 0 0 1.342.448a.98.98 0 0 0 .529-.788l1.576.788a1 1 0 0 0 1.343-.448a.99.99 0 0 0-.1-1.037l1.931.552q.137.038.275.038a1.001 1.001 0 0 0 .273-1.962M18 0c8.615 0 14 6.358 14 11.656s-1.077 7.417-2.154 5.298l-2.153-4.238s-6.462 0-8.615-2.12c0 0 3.23 6.358-3.231 0c0 0 1.077 4.239-5.385-1.06c0 0-3.23 2.12-4.308 7.417C5.855 18.423 4 16.954 4 11.656C4 6.357 8.308 0 18 0"/></svg>
React
import type { SVGProps } from "react";
export function TwemojiManDarkSkinTone(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#7c533e" d="M8 19c0 2.209-1.119 4-2.5 4S3 21.209 3 19s1.119-4 2.5-4S8 16.791 8 19m25 0c0 2.209-1.119 4-2.5 4S28 21.209 28 19s1.119-4 2.5-4s2.5 1.791 2.5 4"/><path fill="#7c533e" d="M5 20.562c0-8.526 5.82-15.438 13-15.438s13 6.912 13 15.438S25.18 36 18 36S5 29.088 5 20.562"/><path d="M13 20a1 1 0 0 1-1-1v-2a1 1 0 0 1 2 0v2a1 1 0 0 1-1 1m10 0a1 1 0 0 1-1-1v-2a1 1 0 1 1 2 0v2a1 1 0 0 1-1 1"/><path fill="#3d2e24" d="M19 24h-2a1 1 0 1 1 0-2h2a1 1 0 1 1 0 2"/><path fill="#0b0200" d="m25.274 27.038l-3.294-.941c.003-.034.02-.063.02-.097a1 1 0 0 0-1-1h-6a1 1 0 0 0-1 1c0 .034.016.063.019.097l-3.294.941a1 1 0 0 0 .55 1.924l1.931-.552a.99.99 0 0 0-.1 1.037a1 1 0 0 0 1.341.448l1.577-.788a.98.98 0 0 0 .529.788a1.003 1.003 0 0 0 1.342-.448l.105-.211l.105.211a1 1 0 0 0 1.342.448a.98.98 0 0 0 .529-.788l1.576.788a1 1 0 0 0 1.343-.448a.99.99 0 0 0-.1-1.037l1.931.552q.137.038.275.038a1.001 1.001 0 0 0 .273-1.962M18 0c8.615 0 14 6.358 14 11.656s-1.077 7.417-2.154 5.298l-2.153-4.238s-6.462 0-8.615-2.12c0 0 3.23 6.358-3.231 0c0 0 1.077 4.239-5.385-1.06c0 0-3.23 2.12-4.308 7.417C5.855 18.423 4 16.954 4 11.656C4 6.357 8.308 0 18 0"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#7c533e" d="M8 19c0 2.209-1.119 4-2.5 4S3 21.209 3 19s1.119-4 2.5-4S8 16.791 8 19m25 0c0 2.209-1.119 4-2.5 4S28 21.209 28 19s1.119-4 2.5-4s2.5 1.791 2.5 4"/><path fill="#7c533e" d="M5 20.562c0-8.526 5.82-15.438 13-15.438s13 6.912 13 15.438S25.18 36 18 36S5 29.088 5 20.562"/><path d="M13 20a1 1 0 0 1-1-1v-2a1 1 0 0 1 2 0v2a1 1 0 0 1-1 1m10 0a1 1 0 0 1-1-1v-2a1 1 0 1 1 2 0v2a1 1 0 0 1-1 1"/><path fill="#3d2e24" d="M19 24h-2a1 1 0 1 1 0-2h2a1 1 0 1 1 0 2"/><path fill="#0b0200" d="m25.274 27.038l-3.294-.941c.003-.034.02-.063.02-.097a1 1 0 0 0-1-1h-6a1 1 0 0 0-1 1c0 .034.016.063.019.097l-3.294.941a1 1 0 0 0 .55 1.924l1.931-.552a.99.99 0 0 0-.1 1.037a1 1 0 0 0 1.341.448l1.577-.788a.98.98 0 0 0 .529.788a1.003 1.003 0 0 0 1.342-.448l.105-.211l.105.211a1 1 0 0 0 1.342.448a.98.98 0 0 0 .529-.788l1.576.788a1 1 0 0 0 1.343-.448a.99.99 0 0 0-.1-1.037l1.931.552q.137.038.275.038a1.001 1.001 0 0 0 .273-1.962M18 0c8.615 0 14 6.358 14 11.656s-1.077 7.417-2.154 5.298l-2.153-4.238s-6.462 0-8.615-2.12c0 0 3.23 6.358-3.231 0c0 0 1.077 4.239-5.385-1.06c0 0-3.23 2.12-4.308 7.417C5.855 18.423 4 16.954 4 11.656C4 6.357 8.308 0 18 0"/></svg> </template>
CSS
.icon-man-dark-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%2036%2036%22%3E%3Cpath%20fill%3D%22%237c533e%22%20d%3D%22M8%2019c0%202.209-1.119%204-2.5%204S3%2021.209%203%2019s1.119-4%202.5-4S8%2016.791%208%2019m25%200c0%202.209-1.119%204-2.5%204S28%2021.209%2028%2019s1.119-4%202.5-4s2.5%201.791%202.5%204%22%2F%3E%3Cpath%20fill%3D%22%237c533e%22%20d%3D%22M5%2020.562c0-8.526%205.82-15.438%2013-15.438s13%206.912%2013%2015.438S25.18%2036%2018%2036S5%2029.088%205%2020.562%22%2F%3E%3Cpath%20d%3D%22M13%2020a1%201%200%200%201-1-1v-2a1%201%200%200%201%202%200v2a1%201%200%200%201-1%201m10%200a1%201%200%200%201-1-1v-2a1%201%200%201%201%202%200v2a1%201%200%200%201-1%201%22%2F%3E%3Cpath%20fill%3D%22%233d2e24%22%20d%3D%22M19%2024h-2a1%201%200%201%201%200-2h2a1%201%200%201%201%200%202%22%2F%3E%3Cpath%20fill%3D%22%230b0200%22%20d%3D%22m25.274%2027.038l-3.294-.941c.003-.034.02-.063.02-.097a1%201%200%200%200-1-1h-6a1%201%200%200%200-1%201c0%20.034.016.063.019.097l-3.294.941a1%201%200%200%200%20.55%201.924l1.931-.552a.99.99%200%200%200-.1%201.037a1%201%200%200%200%201.341.448l1.577-.788a.98.98%200%200%200%20.529.788a1.003%201.003%200%200%200%201.342-.448l.105-.211l.105.211a1%201%200%200%200%201.342.448a.98.98%200%200%200%20.529-.788l1.576.788a1%201%200%200%200%201.343-.448a.99.99%200%200%200-.1-1.037l1.931.552q.137.038.275.038a1.001%201.001%200%200%200%20.273-1.962M18%200c8.615%200%2014%206.358%2014%2011.656s-1.077%207.417-2.154%205.298l-2.153-4.238s-6.462%200-8.615-2.12c0%200%203.23%206.358-3.231%200c0%200%201.077%204.239-5.385-1.06c0%200-3.23%202.12-4.308%207.417C5.855%2018.423%204%2016.954%204%2011.656C4%206.357%208.308%200%2018%200%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%2036%2036%22%3E%3Cpath%20fill%3D%22%237c533e%22%20d%3D%22M8%2019c0%202.209-1.119%204-2.5%204S3%2021.209%203%2019s1.119-4%202.5-4S8%2016.791%208%2019m25%200c0%202.209-1.119%204-2.5%204S28%2021.209%2028%2019s1.119-4%202.5-4s2.5%201.791%202.5%204%22%2F%3E%3Cpath%20fill%3D%22%237c533e%22%20d%3D%22M5%2020.562c0-8.526%205.82-15.438%2013-15.438s13%206.912%2013%2015.438S25.18%2036%2018%2036S5%2029.088%205%2020.562%22%2F%3E%3Cpath%20d%3D%22M13%2020a1%201%200%200%201-1-1v-2a1%201%200%200%201%202%200v2a1%201%200%200%201-1%201m10%200a1%201%200%200%201-1-1v-2a1%201%200%201%201%202%200v2a1%201%200%200%201-1%201%22%2F%3E%3Cpath%20fill%3D%22%233d2e24%22%20d%3D%22M19%2024h-2a1%201%200%201%201%200-2h2a1%201%200%201%201%200%202%22%2F%3E%3Cpath%20fill%3D%22%230b0200%22%20d%3D%22m25.274%2027.038l-3.294-.941c.003-.034.02-.063.02-.097a1%201%200%200%200-1-1h-6a1%201%200%200%200-1%201c0%20.034.016.063.019.097l-3.294.941a1%201%200%200%200%20.55%201.924l1.931-.552a.99.99%200%200%200-.1%201.037a1%201%200%200%200%201.341.448l1.577-.788a.98.98%200%200%200%20.529.788a1.003%201.003%200%200%200%201.342-.448l.105-.211l.105.211a1%201%200%200%200%201.342.448a.98.98%200%200%200%20.529-.788l1.576.788a1%201%200%200%200%201.343-.448a.99.99%200%200%200-.1-1.037l1.931.552q.137.038.275.038a1.001%201.001%200%200%200%20.273-1.962M18%200c8.615%200%2014%206.358%2014%2011.656s-1.077%207.417-2.154%205.298l-2.153-4.238s-6.462%200-8.615-2.12c0%200%203.23%206.358-3.231%200c0%200%201.077%204.239-5.385-1.06c0%200-3.23%202.12-4.308%207.417C5.855%2018.423%204%2016.954%204%2011.656C4%206.357%208.308%200%2018%200%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/twemoji/man-dark-skin-tone.svg?color=%231a73e8&size=48
