boy emoji

boy from Firefox OS Emoji by Mozilla · Default · People · Apache-2.0 Free for personal and commercial use.

Name
boy
Set
Firefox OS Emoji
Style
Default
Category
People
Viewbox
72×72
License
Apache 2.0

The same emoji in other sets

boyEmoji One (Colored)boyFluent EmojiboyFluent Emoji FlatboyFluent Emoji High Contrastboycss.ggboyIconParkboyIconPark OutlineboyIconPark SolidboyIconPark TwoToneboyMaterial SymbolsboyMaterial Symbols LightboyNoto EmojiboyOpenMojiboyTwitter Emoji

More people icons from Firefox OS Emoji

2heartsalienangerangryanguishaokastonishedbabybabyangelbeating-heartbikiniblackdownpointingbackhandblackleftpointingbackhandblackmissingsmileyblackrightpointingbackhandblackuppointingbackhandblondebootbowbowingbridebriefcasebrokenheartbunny-ears

Use the boy emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="#FFD3B6" d="M61.3 35.7h-.6l.7-11.1c0-14.1-12.1-21.3-26.2-21.3s-24.7 7.3-24.7 21.3l.7 11.1h-.6c-3.1 0-5.5 2.5-5.5 5.5c0 3.1 2.5 5.5 5.5 5.5c.4 0 .9-.1 1.3-.2L12 48c.1 13.3 10.8 24 24 24s23.9-10.7 23.9-23.9l.1-1.5c.4.1.8.2 1.3.2c3.1 0 5.5-2.5 5.5-5.5c0-3.1-2.5-5.6-5.5-5.6"/><path fill="#EDC0A2" d="M33.9 69.5c-5.5 0-10.5-1.7-14.7-4.5c4.3 4.3 10.3 7 16.9 7C49.3 72 60 61.3 60 48.1l.1-1.2c-2 12.8-12.9 22.6-26.2 22.6"/><path fill="#E5AB83" d="M36 50.6c-1.7 0-3.2-.8-4.1-2.3c-.3-.5-.2-1.1.3-1.4s1.1-.2 1.4.3c.5.8 1.4 1.3 2.4 1.3s1.9-.5 2.4-1.3c.3-.5.9-.6 1.4-.3s.6.9.3 1.4c-.9 1.4-2.4 2.3-4.1 2.3"/><path fill="#FF929D" d="M36 62.8c-2.8 0-5.2-1.4-6.6-3.7c-.3-.6-.1-1.4.4-1.7c.6-.3 1.4-.1 1.7.4c.9 1.6 2.6 2.5 4.4 2.5c1.9 0 3.5-.9 4.5-2.5c.3-.6 1.1-.8 1.7-.4c.6.3.8 1.1.4 1.7c-1.3 2.3-3.8 3.7-6.5 3.7"/><path fill="#2B3B47" d="M23.4 37.3c-.1-1.3-1.2-2.3-2.5-2.3s-2.4 1-2.5 2.3v3.5c0 1.4 1.1 2.5 2.5 2.5s2.5-1.1 2.5-2.5zm30.1 0C53.4 36 52.3 35 51 35s-2.4 1-2.5 2.3v3.5c0 1.4 1.1 2.5 2.5 2.5s2.5-1.1 2.5-2.5z"/><path fill="#959DA3" d="M20.4 37.5c0-.3-.3-.6-.6-.6s-.6.3-.6.6v.9c0 .3.3.6.6.6s.6-.3.6-.6zm30.3 0c0-.3-.3-.6-.6-.6s-.6.3-.6.6v.9c0 .3.3.6.6.6s.6-.3.6-.6z"/><path fill="#68442A" d="M48.7 2.9c-1.3-.7 2.1-2.4.6-2.8c-1.3-.4-7.5.5-8.9.3S36.8.1 35.3.1h-.1c-17.4.5-25 13.9-25 23.8v11.7c0 .6.6 1.1 1.2 1c2.7-.6 4.5-3.4 5.6-10.2c2-12.5 16.1-10.5 20.4-8.6c3.5 1.7 8.7 4 10.9 4.4c1.7.2-4.9-5-3-4.4c4.7 1.4 8.7 4.9 10.4 9.5c1.9 5.3 2.5 8.6 5.2 9.2c.4.1.9-.3.9-.7V23.9c0-7.3-4.1-16.5-13.1-21"/></svg>

React

import type { SVGProps } from "react";

export function FxemojiBoy(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="#FFD3B6" d="M61.3 35.7h-.6l.7-11.1c0-14.1-12.1-21.3-26.2-21.3s-24.7 7.3-24.7 21.3l.7 11.1h-.6c-3.1 0-5.5 2.5-5.5 5.5c0 3.1 2.5 5.5 5.5 5.5c.4 0 .9-.1 1.3-.2L12 48c.1 13.3 10.8 24 24 24s23.9-10.7 23.9-23.9l.1-1.5c.4.1.8.2 1.3.2c3.1 0 5.5-2.5 5.5-5.5c0-3.1-2.5-5.6-5.5-5.6"/><path fill="#EDC0A2" d="M33.9 69.5c-5.5 0-10.5-1.7-14.7-4.5c4.3 4.3 10.3 7 16.9 7C49.3 72 60 61.3 60 48.1l.1-1.2c-2 12.8-12.9 22.6-26.2 22.6"/><path fill="#E5AB83" d="M36 50.6c-1.7 0-3.2-.8-4.1-2.3c-.3-.5-.2-1.1.3-1.4s1.1-.2 1.4.3c.5.8 1.4 1.3 2.4 1.3s1.9-.5 2.4-1.3c.3-.5.9-.6 1.4-.3s.6.9.3 1.4c-.9 1.4-2.4 2.3-4.1 2.3"/><path fill="#FF929D" d="M36 62.8c-2.8 0-5.2-1.4-6.6-3.7c-.3-.6-.1-1.4.4-1.7c.6-.3 1.4-.1 1.7.4c.9 1.6 2.6 2.5 4.4 2.5c1.9 0 3.5-.9 4.5-2.5c.3-.6 1.1-.8 1.7-.4c.6.3.8 1.1.4 1.7c-1.3 2.3-3.8 3.7-6.5 3.7"/><path fill="#2B3B47" d="M23.4 37.3c-.1-1.3-1.2-2.3-2.5-2.3s-2.4 1-2.5 2.3v3.5c0 1.4 1.1 2.5 2.5 2.5s2.5-1.1 2.5-2.5zm30.1 0C53.4 36 52.3 35 51 35s-2.4 1-2.5 2.3v3.5c0 1.4 1.1 2.5 2.5 2.5s2.5-1.1 2.5-2.5z"/><path fill="#959DA3" d="M20.4 37.5c0-.3-.3-.6-.6-.6s-.6.3-.6.6v.9c0 .3.3.6.6.6s.6-.3.6-.6zm30.3 0c0-.3-.3-.6-.6-.6s-.6.3-.6.6v.9c0 .3.3.6.6.6s.6-.3.6-.6z"/><path fill="#68442A" d="M48.7 2.9c-1.3-.7 2.1-2.4.6-2.8c-1.3-.4-7.5.5-8.9.3S36.8.1 35.3.1h-.1c-17.4.5-25 13.9-25 23.8v11.7c0 .6.6 1.1 1.2 1c2.7-.6 4.5-3.4 5.6-10.2c2-12.5 16.1-10.5 20.4-8.6c3.5 1.7 8.7 4 10.9 4.4c1.7.2-4.9-5-3-4.4c4.7 1.4 8.7 4.9 10.4 9.5c1.9 5.3 2.5 8.6 5.2 9.2c.4.1.9-.3.9-.7V23.9c0-7.3-4.1-16.5-13.1-21"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="#FFD3B6" d="M61.3 35.7h-.6l.7-11.1c0-14.1-12.1-21.3-26.2-21.3s-24.7 7.3-24.7 21.3l.7 11.1h-.6c-3.1 0-5.5 2.5-5.5 5.5c0 3.1 2.5 5.5 5.5 5.5c.4 0 .9-.1 1.3-.2L12 48c.1 13.3 10.8 24 24 24s23.9-10.7 23.9-23.9l.1-1.5c.4.1.8.2 1.3.2c3.1 0 5.5-2.5 5.5-5.5c0-3.1-2.5-5.6-5.5-5.6"/><path fill="#EDC0A2" d="M33.9 69.5c-5.5 0-10.5-1.7-14.7-4.5c4.3 4.3 10.3 7 16.9 7C49.3 72 60 61.3 60 48.1l.1-1.2c-2 12.8-12.9 22.6-26.2 22.6"/><path fill="#E5AB83" d="M36 50.6c-1.7 0-3.2-.8-4.1-2.3c-.3-.5-.2-1.1.3-1.4s1.1-.2 1.4.3c.5.8 1.4 1.3 2.4 1.3s1.9-.5 2.4-1.3c.3-.5.9-.6 1.4-.3s.6.9.3 1.4c-.9 1.4-2.4 2.3-4.1 2.3"/><path fill="#FF929D" d="M36 62.8c-2.8 0-5.2-1.4-6.6-3.7c-.3-.6-.1-1.4.4-1.7c.6-.3 1.4-.1 1.7.4c.9 1.6 2.6 2.5 4.4 2.5c1.9 0 3.5-.9 4.5-2.5c.3-.6 1.1-.8 1.7-.4c.6.3.8 1.1.4 1.7c-1.3 2.3-3.8 3.7-6.5 3.7"/><path fill="#2B3B47" d="M23.4 37.3c-.1-1.3-1.2-2.3-2.5-2.3s-2.4 1-2.5 2.3v3.5c0 1.4 1.1 2.5 2.5 2.5s2.5-1.1 2.5-2.5zm30.1 0C53.4 36 52.3 35 51 35s-2.4 1-2.5 2.3v3.5c0 1.4 1.1 2.5 2.5 2.5s2.5-1.1 2.5-2.5z"/><path fill="#959DA3" d="M20.4 37.5c0-.3-.3-.6-.6-.6s-.6.3-.6.6v.9c0 .3.3.6.6.6s.6-.3.6-.6zm30.3 0c0-.3-.3-.6-.6-.6s-.6.3-.6.6v.9c0 .3.3.6.6.6s.6-.3.6-.6z"/><path fill="#68442A" d="M48.7 2.9c-1.3-.7 2.1-2.4.6-2.8c-1.3-.4-7.5.5-8.9.3S36.8.1 35.3.1h-.1c-17.4.5-25 13.9-25 23.8v11.7c0 .6.6 1.1 1.2 1c2.7-.6 4.5-3.4 5.6-10.2c2-12.5 16.1-10.5 20.4-8.6c3.5 1.7 8.7 4 10.9 4.4c1.7.2-4.9-5-3-4.4c4.7 1.4 8.7 4.9 10.4 9.5c1.9 5.3 2.5 8.6 5.2 9.2c.4.1.9-.3.9-.7V23.9c0-7.3-4.1-16.5-13.1-21"/></svg>
</template>

CSS

.icon-boy {
  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%2072%2072%22%3E%3Cpath%20fill%3D%22%23FFD3B6%22%20d%3D%22M61.3%2035.7h-.6l.7-11.1c0-14.1-12.1-21.3-26.2-21.3s-24.7%207.3-24.7%2021.3l.7%2011.1h-.6c-3.1%200-5.5%202.5-5.5%205.5c0%203.1%202.5%205.5%205.5%205.5c.4%200%20.9-.1%201.3-.2L12%2048c.1%2013.3%2010.8%2024%2024%2024s23.9-10.7%2023.9-23.9l.1-1.5c.4.1.8.2%201.3.2c3.1%200%205.5-2.5%205.5-5.5c0-3.1-2.5-5.6-5.5-5.6%22%2F%3E%3Cpath%20fill%3D%22%23EDC0A2%22%20d%3D%22M33.9%2069.5c-5.5%200-10.5-1.7-14.7-4.5c4.3%204.3%2010.3%207%2016.9%207C49.3%2072%2060%2061.3%2060%2048.1l.1-1.2c-2%2012.8-12.9%2022.6-26.2%2022.6%22%2F%3E%3Cpath%20fill%3D%22%23E5AB83%22%20d%3D%22M36%2050.6c-1.7%200-3.2-.8-4.1-2.3c-.3-.5-.2-1.1.3-1.4s1.1-.2%201.4.3c.5.8%201.4%201.3%202.4%201.3s1.9-.5%202.4-1.3c.3-.5.9-.6%201.4-.3s.6.9.3%201.4c-.9%201.4-2.4%202.3-4.1%202.3%22%2F%3E%3Cpath%20fill%3D%22%23FF929D%22%20d%3D%22M36%2062.8c-2.8%200-5.2-1.4-6.6-3.7c-.3-.6-.1-1.4.4-1.7c.6-.3%201.4-.1%201.7.4c.9%201.6%202.6%202.5%204.4%202.5c1.9%200%203.5-.9%204.5-2.5c.3-.6%201.1-.8%201.7-.4c.6.3.8%201.1.4%201.7c-1.3%202.3-3.8%203.7-6.5%203.7%22%2F%3E%3Cpath%20fill%3D%22%232B3B47%22%20d%3D%22M23.4%2037.3c-.1-1.3-1.2-2.3-2.5-2.3s-2.4%201-2.5%202.3v3.5c0%201.4%201.1%202.5%202.5%202.5s2.5-1.1%202.5-2.5zm30.1%200C53.4%2036%2052.3%2035%2051%2035s-2.4%201-2.5%202.3v3.5c0%201.4%201.1%202.5%202.5%202.5s2.5-1.1%202.5-2.5z%22%2F%3E%3Cpath%20fill%3D%22%23959DA3%22%20d%3D%22M20.4%2037.5c0-.3-.3-.6-.6-.6s-.6.3-.6.6v.9c0%20.3.3.6.6.6s.6-.3.6-.6zm30.3%200c0-.3-.3-.6-.6-.6s-.6.3-.6.6v.9c0%20.3.3.6.6.6s.6-.3.6-.6z%22%2F%3E%3Cpath%20fill%3D%22%2368442A%22%20d%3D%22M48.7%202.9c-1.3-.7%202.1-2.4.6-2.8c-1.3-.4-7.5.5-8.9.3S36.8.1%2035.3.1h-.1c-17.4.5-25%2013.9-25%2023.8v11.7c0%20.6.6%201.1%201.2%201c2.7-.6%204.5-3.4%205.6-10.2c2-12.5%2016.1-10.5%2020.4-8.6c3.5%201.7%208.7%204%2010.9%204.4c1.7.2-4.9-5-3-4.4c4.7%201.4%208.7%204.9%2010.4%209.5c1.9%205.3%202.5%208.6%205.2%209.2c.4.1.9-.3.9-.7V23.9c0-7.3-4.1-16.5-13.1-21%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%2072%2072%22%3E%3Cpath%20fill%3D%22%23FFD3B6%22%20d%3D%22M61.3%2035.7h-.6l.7-11.1c0-14.1-12.1-21.3-26.2-21.3s-24.7%207.3-24.7%2021.3l.7%2011.1h-.6c-3.1%200-5.5%202.5-5.5%205.5c0%203.1%202.5%205.5%205.5%205.5c.4%200%20.9-.1%201.3-.2L12%2048c.1%2013.3%2010.8%2024%2024%2024s23.9-10.7%2023.9-23.9l.1-1.5c.4.1.8.2%201.3.2c3.1%200%205.5-2.5%205.5-5.5c0-3.1-2.5-5.6-5.5-5.6%22%2F%3E%3Cpath%20fill%3D%22%23EDC0A2%22%20d%3D%22M33.9%2069.5c-5.5%200-10.5-1.7-14.7-4.5c4.3%204.3%2010.3%207%2016.9%207C49.3%2072%2060%2061.3%2060%2048.1l.1-1.2c-2%2012.8-12.9%2022.6-26.2%2022.6%22%2F%3E%3Cpath%20fill%3D%22%23E5AB83%22%20d%3D%22M36%2050.6c-1.7%200-3.2-.8-4.1-2.3c-.3-.5-.2-1.1.3-1.4s1.1-.2%201.4.3c.5.8%201.4%201.3%202.4%201.3s1.9-.5%202.4-1.3c.3-.5.9-.6%201.4-.3s.6.9.3%201.4c-.9%201.4-2.4%202.3-4.1%202.3%22%2F%3E%3Cpath%20fill%3D%22%23FF929D%22%20d%3D%22M36%2062.8c-2.8%200-5.2-1.4-6.6-3.7c-.3-.6-.1-1.4.4-1.7c.6-.3%201.4-.1%201.7.4c.9%201.6%202.6%202.5%204.4%202.5c1.9%200%203.5-.9%204.5-2.5c.3-.6%201.1-.8%201.7-.4c.6.3.8%201.1.4%201.7c-1.3%202.3-3.8%203.7-6.5%203.7%22%2F%3E%3Cpath%20fill%3D%22%232B3B47%22%20d%3D%22M23.4%2037.3c-.1-1.3-1.2-2.3-2.5-2.3s-2.4%201-2.5%202.3v3.5c0%201.4%201.1%202.5%202.5%202.5s2.5-1.1%202.5-2.5zm30.1%200C53.4%2036%2052.3%2035%2051%2035s-2.4%201-2.5%202.3v3.5c0%201.4%201.1%202.5%202.5%202.5s2.5-1.1%202.5-2.5z%22%2F%3E%3Cpath%20fill%3D%22%23959DA3%22%20d%3D%22M20.4%2037.5c0-.3-.3-.6-.6-.6s-.6.3-.6.6v.9c0%20.3.3.6.6.6s.6-.3.6-.6zm30.3%200c0-.3-.3-.6-.6-.6s-.6.3-.6.6v.9c0%20.3.3.6.6.6s.6-.3.6-.6z%22%2F%3E%3Cpath%20fill%3D%22%2368442A%22%20d%3D%22M48.7%202.9c-1.3-.7%202.1-2.4.6-2.8c-1.3-.4-7.5.5-8.9.3S36.8.1%2035.3.1h-.1c-17.4.5-25%2013.9-25%2023.8v11.7c0%20.6.6%201.1%201.2%201c2.7-.6%204.5-3.4%205.6-10.2c2-12.5%2016.1-10.5%2020.4-8.6c3.5%201.7%208.7%204%2010.9%204.4c1.7.2-4.9-5-3-4.4c4.7%201.4%208.7%204.9%2010.4%209.5c1.9%205.3%202.5%208.6%205.2%209.2c.4.1.9-.3.9-.7V23.9c0-7.3-4.1-16.5-13.1-21%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fxemoji/boy.svg?color=%231a73e8&size=48