blond haired person emoji

blond-haired-person-medium-skin-tone from Emoji One (Colored) by Emoji One · Medium skin tone · People · CC-BY-4.0 Attribution required.

Name
blond-haired-person-medium-skin-tone
Set
Emoji One (Colored)
Style
Medium skin tone
Category
People
Viewbox
64×64
License
CC BY 4.0

5 other variants in Emoji One (Colored)

blond-haired-personblond-haired-person-dark-skin-toneblond-haired-person-light-skin-toneblond-haired-person-medium-dark-skin-toneblond-haired-person-medium-light-skin-tone

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-eyesboybride-with-veilbriefcasebust-in-silhouettebusts-in-silhouettecall-me-handcat-face-with-tears-of-joycat-face-with-wry-smileclapping-handsclosed-umbrella

Use the blond haired person emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#dbb471" d="M49.9 8.8c-9.8-13-37.6-3.3-39.7-4.2c0 0-.3 1.9.8 3.1c-1.4 1-3.1-.7-3.1-.7s-1.8 4.2.1 6.8c-3 3.9.6 24.2.6 24.2h45.9s5.5-15.9-.8-26.7c-1.3-2.5-2.7-1-3.8-2.5"/><path fill="#d6a57c" d="M55 29.6c-.2 1.1-.4 2.1-.7 2.7c-.5 1-1.6 1.6-1.6 1.6s.3-2.1.2-5.1C51.5 8.7 45.6 18.3 32 18.3S12.5 8.7 11.2 28.9c-.1 2.9.2 5.1.2 5.1s-1.1-.6-1.6-1.6c-.3-.6-.5-1.6-.7-2.7c-1.8-.5-4-.1-4 5.2c0 3.3 1.2 5.9 5.1 6.2c1.7 13.2 4.7 15.3 14.6 20c2.5 1.2 4.2.9 7.2.9s4.7.3 7.3-.9c10-4.7 13-6.8 14.6-20c3.9-.3 5.1-3 5.1-6.2c0-5.3-2.3-5.7-4-5.3"/><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="#0a84a5"/><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="#0a84a5"/><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="#b58360" 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 EmojioneBlondHairedPersonMediumSkinTone(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#dbb471" d="M49.9 8.8c-9.8-13-37.6-3.3-39.7-4.2c0 0-.3 1.9.8 3.1c-1.4 1-3.1-.7-3.1-.7s-1.8 4.2.1 6.8c-3 3.9.6 24.2.6 24.2h45.9s5.5-15.9-.8-26.7c-1.3-2.5-2.7-1-3.8-2.5"/><path fill="#d6a57c" d="M55 29.6c-.2 1.1-.4 2.1-.7 2.7c-.5 1-1.6 1.6-1.6 1.6s.3-2.1.2-5.1C51.5 8.7 45.6 18.3 32 18.3S12.5 8.7 11.2 28.9c-.1 2.9.2 5.1.2 5.1s-1.1-.6-1.6-1.6c-.3-.6-.5-1.6-.7-2.7c-1.8-.5-4-.1-4 5.2c0 3.3 1.2 5.9 5.1 6.2c1.7 13.2 4.7 15.3 14.6 20c2.5 1.2 4.2.9 7.2.9s4.7.3 7.3-.9c10-4.7 13-6.8 14.6-20c3.9-.3 5.1-3 5.1-6.2c0-5.3-2.3-5.7-4-5.3"/><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="#0a84a5"/><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="#0a84a5"/><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="#b58360" 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="#dbb471" d="M49.9 8.8c-9.8-13-37.6-3.3-39.7-4.2c0 0-.3 1.9.8 3.1c-1.4 1-3.1-.7-3.1-.7s-1.8 4.2.1 6.8c-3 3.9.6 24.2.6 24.2h45.9s5.5-15.9-.8-26.7c-1.3-2.5-2.7-1-3.8-2.5"/><path fill="#d6a57c" d="M55 29.6c-.2 1.1-.4 2.1-.7 2.7c-.5 1-1.6 1.6-1.6 1.6s.3-2.1.2-5.1C51.5 8.7 45.6 18.3 32 18.3S12.5 8.7 11.2 28.9c-.1 2.9.2 5.1.2 5.1s-1.1-.6-1.6-1.6c-.3-.6-.5-1.6-.7-2.7c-1.8-.5-4-.1-4 5.2c0 3.3 1.2 5.9 5.1 6.2c1.7 13.2 4.7 15.3 14.6 20c2.5 1.2 4.2.9 7.2.9s4.7.3 7.3-.9c10-4.7 13-6.8 14.6-20c3.9-.3 5.1-3 5.1-6.2c0-5.3-2.3-5.7-4-5.3"/><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="#0a84a5"/><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="#0a84a5"/><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="#b58360" d="M32 45c-4.2 0-6.3-3-4.2-3h8.4c2.1 0 0 3-4.2 3"/></svg>
</template>

CSS

.icon-blond-haired-person-medium-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%23dbb471%22%20d%3D%22M49.9%208.8c-9.8-13-37.6-3.3-39.7-4.2c0%200-.3%201.9.8%203.1c-1.4%201-3.1-.7-3.1-.7s-1.8%204.2.1%206.8c-3%203.9.6%2024.2.6%2024.2h45.9s5.5-15.9-.8-26.7c-1.3-2.5-2.7-1-3.8-2.5%22%2F%3E%3Cpath%20fill%3D%22%23d6a57c%22%20d%3D%22M55%2029.6c-.2%201.1-.4%202.1-.7%202.7c-.5%201-1.6%201.6-1.6%201.6s.3-2.1.2-5.1C51.5%208.7%2045.6%2018.3%2032%2018.3S12.5%208.7%2011.2%2028.9c-.1%202.9.2%205.1.2%205.1s-1.1-.6-1.6-1.6c-.3-.6-.5-1.6-.7-2.7c-1.8-.5-4-.1-4%205.2c0%203.3%201.2%205.9%205.1%206.2c1.7%2013.2%204.7%2015.3%2014.6%2020c2.5%201.2%204.2.9%207.2.9s4.7.3%207.3-.9c10-4.7%2013-6.8%2014.6-20c3.9-.3%205.1-3%205.1-6.2c0-5.3-2.3-5.7-4-5.3%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%230a84a5%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%230a84a5%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%23b58360%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%23dbb471%22%20d%3D%22M49.9%208.8c-9.8-13-37.6-3.3-39.7-4.2c0%200-.3%201.9.8%203.1c-1.4%201-3.1-.7-3.1-.7s-1.8%204.2.1%206.8c-3%203.9.6%2024.2.6%2024.2h45.9s5.5-15.9-.8-26.7c-1.3-2.5-2.7-1-3.8-2.5%22%2F%3E%3Cpath%20fill%3D%22%23d6a57c%22%20d%3D%22M55%2029.6c-.2%201.1-.4%202.1-.7%202.7c-.5%201-1.6%201.6-1.6%201.6s.3-2.1.2-5.1C51.5%208.7%2045.6%2018.3%2032%2018.3S12.5%208.7%2011.2%2028.9c-.1%202.9.2%205.1.2%205.1s-1.1-.6-1.6-1.6c-.3-.6-.5-1.6-.7-2.7c-1.8-.5-4-.1-4%205.2c0%203.3%201.2%205.9%205.1%206.2c1.7%2013.2%204.7%2015.3%2014.6%2020c2.5%201.2%204.2.9%207.2.9s4.7.3%207.3-.9c10-4.7%2013-6.8%2014.6-20c3.9-.3%205.1-3%205.1-6.2c0-5.3-2.3-5.7-4-5.3%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%230a84a5%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%230a84a5%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%23b58360%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/blond-haired-person-medium-skin-tone.svg?color=%231a73e8&size=48