man medium skin tone blond hair emoji
man-medium-skin-tone-blond-hair from Twitter Emoji by Twitter · Default · People & Body · CC-BY-4.0 Attribution required.
- Name
- man-medium-skin-tone-blond-hair
- Set
- Twitter Emoji
- Style
- Default
- Category
- People & Body
- Viewbox
- 36×36
- License
- CC BY 4.0
- Aliases
- blond-haired-man-medium-skin-tone, blond-haired-person-medium-skin-tone
The same emoji in other sets
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 medium skin tone blond hair emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#d5ab88" d="M32 20c0-2.209-1.119-4-2.5-4c-.012 0-.021.005-.033.005C27.955 9.704 23.394 5.125 18 5.125s-9.956 4.58-11.467 10.88L6.5 16C5.119 16 4 17.791 4 20c0 2.107 1.021 3.815 2.314 3.97C7.537 30.619 12.299 35 18 35s10.463-4.381 11.685-11.03C30.979 23.815 32 22.107 32 20"/><path fill="#662113" d="M13 21a1 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="#c1694f" d="M18 31c-4.201 0-5.491-1.077-5.707-1.293a.999.999 0 0 1 1.376-1.45c.08.058 1.1.743 4.331.743c3.355 0 4.326-.739 4.336-.747c.39-.389 1.001-.37 1.393.021c.391.391.369 1.043-.021 1.434C23.491 29.923 22.201 31 18 31m1-5h-2a1 1 0 1 1 0-2h2a1 1 0 1 1 0 2"/><path fill="#ffe51e" d="M18 1c8 0 13 6 13 11s-1 7-2 5l-2-4s-6 0-8-2c0 0 3 6-3 0c0 0 1 4-5-1c0 0-3 2-4 7c-.277 1.387-2 0-2-5S9 1 18 1"/></svg>
React
import type { SVGProps } from "react";
export function TwemojiManMediumSkinToneBlondHair(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#d5ab88" d="M32 20c0-2.209-1.119-4-2.5-4c-.012 0-.021.005-.033.005C27.955 9.704 23.394 5.125 18 5.125s-9.956 4.58-11.467 10.88L6.5 16C5.119 16 4 17.791 4 20c0 2.107 1.021 3.815 2.314 3.97C7.537 30.619 12.299 35 18 35s10.463-4.381 11.685-11.03C30.979 23.815 32 22.107 32 20"/><path fill="#662113" d="M13 21a1 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="#c1694f" d="M18 31c-4.201 0-5.491-1.077-5.707-1.293a.999.999 0 0 1 1.376-1.45c.08.058 1.1.743 4.331.743c3.355 0 4.326-.739 4.336-.747c.39-.389 1.001-.37 1.393.021c.391.391.369 1.043-.021 1.434C23.491 29.923 22.201 31 18 31m1-5h-2a1 1 0 1 1 0-2h2a1 1 0 1 1 0 2"/><path fill="#ffe51e" d="M18 1c8 0 13 6 13 11s-1 7-2 5l-2-4s-6 0-8-2c0 0 3 6-3 0c0 0 1 4-5-1c0 0-3 2-4 7c-.277 1.387-2 0-2-5S9 1 18 1"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#d5ab88" d="M32 20c0-2.209-1.119-4-2.5-4c-.012 0-.021.005-.033.005C27.955 9.704 23.394 5.125 18 5.125s-9.956 4.58-11.467 10.88L6.5 16C5.119 16 4 17.791 4 20c0 2.107 1.021 3.815 2.314 3.97C7.537 30.619 12.299 35 18 35s10.463-4.381 11.685-11.03C30.979 23.815 32 22.107 32 20"/><path fill="#662113" d="M13 21a1 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="#c1694f" d="M18 31c-4.201 0-5.491-1.077-5.707-1.293a.999.999 0 0 1 1.376-1.45c.08.058 1.1.743 4.331.743c3.355 0 4.326-.739 4.336-.747c.39-.389 1.001-.37 1.393.021c.391.391.369 1.043-.021 1.434C23.491 29.923 22.201 31 18 31m1-5h-2a1 1 0 1 1 0-2h2a1 1 0 1 1 0 2"/><path fill="#ffe51e" d="M18 1c8 0 13 6 13 11s-1 7-2 5l-2-4s-6 0-8-2c0 0 3 6-3 0c0 0 1 4-5-1c0 0-3 2-4 7c-.277 1.387-2 0-2-5S9 1 18 1"/></svg> </template>
CSS
.icon-man-medium-skin-tone-blond-hair {
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%23d5ab88%22%20d%3D%22M32%2020c0-2.209-1.119-4-2.5-4c-.012%200-.021.005-.033.005C27.955%209.704%2023.394%205.125%2018%205.125s-9.956%204.58-11.467%2010.88L6.5%2016C5.119%2016%204%2017.791%204%2020c0%202.107%201.021%203.815%202.314%203.97C7.537%2030.619%2012.299%2035%2018%2035s10.463-4.381%2011.685-11.03C30.979%2023.815%2032%2022.107%2032%2020%22%2F%3E%3Cpath%20fill%3D%22%23662113%22%20d%3D%22M13%2021a1%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%23c1694f%22%20d%3D%22M18%2031c-4.201%200-5.491-1.077-5.707-1.293a.999.999%200%200%201%201.376-1.45c.08.058%201.1.743%204.331.743c3.355%200%204.326-.739%204.336-.747c.39-.389%201.001-.37%201.393.021c.391.391.369%201.043-.021%201.434C23.491%2029.923%2022.201%2031%2018%2031m1-5h-2a1%201%200%201%201%200-2h2a1%201%200%201%201%200%202%22%2F%3E%3Cpath%20fill%3D%22%23ffe51e%22%20d%3D%22M18%201c8%200%2013%206%2013%2011s-1%207-2%205l-2-4s-6%200-8-2c0%200%203%206-3%200c0%200%201%204-5-1c0%200-3%202-4%207c-.277%201.387-2%200-2-5S9%201%2018%201%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%23d5ab88%22%20d%3D%22M32%2020c0-2.209-1.119-4-2.5-4c-.012%200-.021.005-.033.005C27.955%209.704%2023.394%205.125%2018%205.125s-9.956%204.58-11.467%2010.88L6.5%2016C5.119%2016%204%2017.791%204%2020c0%202.107%201.021%203.815%202.314%203.97C7.537%2030.619%2012.299%2035%2018%2035s10.463-4.381%2011.685-11.03C30.979%2023.815%2032%2022.107%2032%2020%22%2F%3E%3Cpath%20fill%3D%22%23662113%22%20d%3D%22M13%2021a1%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%23c1694f%22%20d%3D%22M18%2031c-4.201%200-5.491-1.077-5.707-1.293a.999.999%200%200%201%201.376-1.45c.08.058%201.1.743%204.331.743c3.355%200%204.326-.739%204.336-.747c.39-.389%201.001-.37%201.393.021c.391.391.369%201.043-.021%201.434C23.491%2029.923%2022.201%2031%2018%2031m1-5h-2a1%201%200%201%201%200-2h2a1%201%200%201%201%200%202%22%2F%3E%3Cpath%20fill%3D%22%23ffe51e%22%20d%3D%22M18%201c8%200%2013%206%2013%2011s-1%207-2%205l-2-4s-6%200-8-2c0%200%203%206-3%200c0%200%201%204-5-1c0%200-3%202-4%207c-.277%201.387-2%200-2-5S9%201%2018%201%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/twemoji/man-medium-skin-tone-blond-hair.svg?color=%231a73e8&size=48
