boy 3 emoji
boy-3 from Streamline Emojis by Streamline · Default · Smiley People · CC-BY-4.0 Attribution required.
- Name
- boy-3
- Set
- Streamline Emojis
- Style
- Default
- Category
- Smiley People
- Viewbox
- 48×48
- License
- CC BY 4.0
More smiley people icons from Streamline Emojis
alienamazed-faceamusing-faceanguished-faceanxious-faceastonished-faceastronaut-1astronaut-2baby-1baby-2baby-3baby-angel-1baby-angel-2backhand-index-pointing-down-1backhand-index-pointing-down-2backhand-index-pointing-left-1backhand-index-pointing-left-2backhand-index-pointing-right-1backhand-index-pointing-right-2backhand-index-pointing-up-1backhand-index-pointing-up-2beaming-face-with-smiling-eyesbikiniboy-1
Use the boy 3 emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="#45413c" d="M10.5 44.5a13.5 1.5 0 1 0 27 0a13.5 1.5 0 1 0-27 0" opacity=".15"/><path fill="#d18660" stroke="#45413c" d="M40.88 22.75a3.27 3.27 0 0 0-2.8-3.23C36.71 12.37 30.93 7 24 7S11.29 12.37 9.92 19.52a3.27 3.27 0 0 0 0 6.47C11.29 33.13 17.07 38.5 24 38.5S36.71 33.13 38.08 26a3.28 3.28 0 0 0 2.8-3.25Z"/><path fill="#45413c" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M15.55 21.9a1.2 1.2 0 1 0 1.2-1.2a1.2 1.2 0 0 0-1.2 1.2m16.9 0a1.2 1.2 0 1 1-1.2-1.2a1.2 1.2 0 0 1 1.2 1.2"/><path fill="#ff6242" d="M19.59 29.2a.7.7 0 0 0-.52.24a.68.68 0 0 0-.16.55a5.16 5.16 0 0 0 10.18 0a.68.68 0 0 0-.16-.55a.7.7 0 0 0-.52-.24Z"/><path fill="#ffa694" d="M24 31.32a6.3 6.3 0 0 0-3.92 1.2a5.21 5.21 0 0 0 7.84 0a6.3 6.3 0 0 0-3.92-1.2"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M19.59 29.2a.7.7 0 0 0-.52.24a.68.68 0 0 0-.16.55a5.16 5.16 0 0 0 10.18 0a.68.68 0 0 0-.16-.55a.7.7 0 0 0-.52-.24Z"/><path fill="#bd704a" d="M13.21 27.01a1.55.93 0 1 0 3.1 0a1.55.93 0 1 0-3.1 0m18.48 0a1.55.93 0 1 0 3.1 0a1.55.93 0 1 0-3.1 0"/><path fill="#614b44" d="M9.62 19.58a16.4 16.4 0 0 0 5.65-1.75a12.8 12.8 0 0 0 3.63-3v2.72a11.9 11.9 0 0 0 5.51-1.36a8.36 8.36 0 0 0 3.11-2.79a9.87 9.87 0 0 0 4.16 4.21a14.9 14.9 0 0 0 6.4 1.89v-1.57a14.23 14.23 0 0 0-28.46 0Z"/><path fill="#947063" d="M23.85 3.71A14.23 14.23 0 0 0 9.62 17.93v1.65h.13A14.23 14.23 0 0 1 38 19.51h.13v-1.58A14.23 14.23 0 0 0 23.85 3.71"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M9.62 19.58a16.4 16.4 0 0 0 5.65-1.75a12.8 12.8 0 0 0 3.63-3v2.72a11.9 11.9 0 0 0 5.51-1.36a8.36 8.36 0 0 0 3.11-2.79a9.87 9.87 0 0 0 4.16 4.21a14.9 14.9 0 0 0 6.4 1.89v-1.57a14.23 14.23 0 0 0-28.46 0Z"/></svg>
React
import type { SVGProps } from "react";
export function StreamlineEmojisBoy3(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="#45413c" d="M10.5 44.5a13.5 1.5 0 1 0 27 0a13.5 1.5 0 1 0-27 0" opacity=".15"/><path fill="#d18660" stroke="#45413c" d="M40.88 22.75a3.27 3.27 0 0 0-2.8-3.23C36.71 12.37 30.93 7 24 7S11.29 12.37 9.92 19.52a3.27 3.27 0 0 0 0 6.47C11.29 33.13 17.07 38.5 24 38.5S36.71 33.13 38.08 26a3.28 3.28 0 0 0 2.8-3.25Z"/><path fill="#45413c" stroke="#45413c" strokeLinecap="round" strokeLinejoin="round" d="M15.55 21.9a1.2 1.2 0 1 0 1.2-1.2a1.2 1.2 0 0 0-1.2 1.2m16.9 0a1.2 1.2 0 1 1-1.2-1.2a1.2 1.2 0 0 1 1.2 1.2"/><path fill="#ff6242" d="M19.59 29.2a.7.7 0 0 0-.52.24a.68.68 0 0 0-.16.55a5.16 5.16 0 0 0 10.18 0a.68.68 0 0 0-.16-.55a.7.7 0 0 0-.52-.24Z"/><path fill="#ffa694" d="M24 31.32a6.3 6.3 0 0 0-3.92 1.2a5.21 5.21 0 0 0 7.84 0a6.3 6.3 0 0 0-3.92-1.2"/><path fill="none" stroke="#45413c" strokeLinecap="round" strokeLinejoin="round" d="M19.59 29.2a.7.7 0 0 0-.52.24a.68.68 0 0 0-.16.55a5.16 5.16 0 0 0 10.18 0a.68.68 0 0 0-.16-.55a.7.7 0 0 0-.52-.24Z"/><path fill="#bd704a" d="M13.21 27.01a1.55.93 0 1 0 3.1 0a1.55.93 0 1 0-3.1 0m18.48 0a1.55.93 0 1 0 3.1 0a1.55.93 0 1 0-3.1 0"/><path fill="#614b44" d="M9.62 19.58a16.4 16.4 0 0 0 5.65-1.75a12.8 12.8 0 0 0 3.63-3v2.72a11.9 11.9 0 0 0 5.51-1.36a8.36 8.36 0 0 0 3.11-2.79a9.87 9.87 0 0 0 4.16 4.21a14.9 14.9 0 0 0 6.4 1.89v-1.57a14.23 14.23 0 0 0-28.46 0Z"/><path fill="#947063" d="M23.85 3.71A14.23 14.23 0 0 0 9.62 17.93v1.65h.13A14.23 14.23 0 0 1 38 19.51h.13v-1.58A14.23 14.23 0 0 0 23.85 3.71"/><path fill="none" stroke="#45413c" strokeLinecap="round" strokeLinejoin="round" d="M9.62 19.58a16.4 16.4 0 0 0 5.65-1.75a12.8 12.8 0 0 0 3.63-3v2.72a11.9 11.9 0 0 0 5.51-1.36a8.36 8.36 0 0 0 3.11-2.79a9.87 9.87 0 0 0 4.16 4.21a14.9 14.9 0 0 0 6.4 1.89v-1.57a14.23 14.23 0 0 0-28.46 0Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="#45413c" d="M10.5 44.5a13.5 1.5 0 1 0 27 0a13.5 1.5 0 1 0-27 0" opacity=".15"/><path fill="#d18660" stroke="#45413c" d="M40.88 22.75a3.27 3.27 0 0 0-2.8-3.23C36.71 12.37 30.93 7 24 7S11.29 12.37 9.92 19.52a3.27 3.27 0 0 0 0 6.47C11.29 33.13 17.07 38.5 24 38.5S36.71 33.13 38.08 26a3.28 3.28 0 0 0 2.8-3.25Z"/><path fill="#45413c" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M15.55 21.9a1.2 1.2 0 1 0 1.2-1.2a1.2 1.2 0 0 0-1.2 1.2m16.9 0a1.2 1.2 0 1 1-1.2-1.2a1.2 1.2 0 0 1 1.2 1.2"/><path fill="#ff6242" d="M19.59 29.2a.7.7 0 0 0-.52.24a.68.68 0 0 0-.16.55a5.16 5.16 0 0 0 10.18 0a.68.68 0 0 0-.16-.55a.7.7 0 0 0-.52-.24Z"/><path fill="#ffa694" d="M24 31.32a6.3 6.3 0 0 0-3.92 1.2a5.21 5.21 0 0 0 7.84 0a6.3 6.3 0 0 0-3.92-1.2"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M19.59 29.2a.7.7 0 0 0-.52.24a.68.68 0 0 0-.16.55a5.16 5.16 0 0 0 10.18 0a.68.68 0 0 0-.16-.55a.7.7 0 0 0-.52-.24Z"/><path fill="#bd704a" d="M13.21 27.01a1.55.93 0 1 0 3.1 0a1.55.93 0 1 0-3.1 0m18.48 0a1.55.93 0 1 0 3.1 0a1.55.93 0 1 0-3.1 0"/><path fill="#614b44" d="M9.62 19.58a16.4 16.4 0 0 0 5.65-1.75a12.8 12.8 0 0 0 3.63-3v2.72a11.9 11.9 0 0 0 5.51-1.36a8.36 8.36 0 0 0 3.11-2.79a9.87 9.87 0 0 0 4.16 4.21a14.9 14.9 0 0 0 6.4 1.89v-1.57a14.23 14.23 0 0 0-28.46 0Z"/><path fill="#947063" d="M23.85 3.71A14.23 14.23 0 0 0 9.62 17.93v1.65h.13A14.23 14.23 0 0 1 38 19.51h.13v-1.58A14.23 14.23 0 0 0 23.85 3.71"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M9.62 19.58a16.4 16.4 0 0 0 5.65-1.75a12.8 12.8 0 0 0 3.63-3v2.72a11.9 11.9 0 0 0 5.51-1.36a8.36 8.36 0 0 0 3.11-2.79a9.87 9.87 0 0 0 4.16 4.21a14.9 14.9 0 0 0 6.4 1.89v-1.57a14.23 14.23 0 0 0-28.46 0Z"/></svg> </template>
CSS
.icon-boy-3 {
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%2048%2048%22%3E%3Cpath%20fill%3D%22%2345413c%22%20d%3D%22M10.5%2044.5a13.5%201.5%200%201%200%2027%200a13.5%201.5%200%201%200-27%200%22%20opacity%3D%22.15%22%2F%3E%3Cpath%20fill%3D%22%23d18660%22%20stroke%3D%22%2345413c%22%20d%3D%22M40.88%2022.75a3.27%203.27%200%200%200-2.8-3.23C36.71%2012.37%2030.93%207%2024%207S11.29%2012.37%209.92%2019.52a3.27%203.27%200%200%200%200%206.47C11.29%2033.13%2017.07%2038.5%2024%2038.5S36.71%2033.13%2038.08%2026a3.28%203.28%200%200%200%202.8-3.25Z%22%2F%3E%3Cpath%20fill%3D%22%2345413c%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M15.55%2021.9a1.2%201.2%200%201%200%201.2-1.2a1.2%201.2%200%200%200-1.2%201.2m16.9%200a1.2%201.2%200%201%201-1.2-1.2a1.2%201.2%200%200%201%201.2%201.2%22%2F%3E%3Cpath%20fill%3D%22%23ff6242%22%20d%3D%22M19.59%2029.2a.7.7%200%200%200-.52.24a.68.68%200%200%200-.16.55a5.16%205.16%200%200%200%2010.18%200a.68.68%200%200%200-.16-.55a.7.7%200%200%200-.52-.24Z%22%2F%3E%3Cpath%20fill%3D%22%23ffa694%22%20d%3D%22M24%2031.32a6.3%206.3%200%200%200-3.92%201.2a5.21%205.21%200%200%200%207.84%200a6.3%206.3%200%200%200-3.92-1.2%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M19.59%2029.2a.7.7%200%200%200-.52.24a.68.68%200%200%200-.16.55a5.16%205.16%200%200%200%2010.18%200a.68.68%200%200%200-.16-.55a.7.7%200%200%200-.52-.24Z%22%2F%3E%3Cpath%20fill%3D%22%23bd704a%22%20d%3D%22M13.21%2027.01a1.55.93%200%201%200%203.1%200a1.55.93%200%201%200-3.1%200m18.48%200a1.55.93%200%201%200%203.1%200a1.55.93%200%201%200-3.1%200%22%2F%3E%3Cpath%20fill%3D%22%23614b44%22%20d%3D%22M9.62%2019.58a16.4%2016.4%200%200%200%205.65-1.75a12.8%2012.8%200%200%200%203.63-3v2.72a11.9%2011.9%200%200%200%205.51-1.36a8.36%208.36%200%200%200%203.11-2.79a9.87%209.87%200%200%200%204.16%204.21a14.9%2014.9%200%200%200%206.4%201.89v-1.57a14.23%2014.23%200%200%200-28.46%200Z%22%2F%3E%3Cpath%20fill%3D%22%23947063%22%20d%3D%22M23.85%203.71A14.23%2014.23%200%200%200%209.62%2017.93v1.65h.13A14.23%2014.23%200%200%201%2038%2019.51h.13v-1.58A14.23%2014.23%200%200%200%2023.85%203.71%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M9.62%2019.58a16.4%2016.4%200%200%200%205.65-1.75a12.8%2012.8%200%200%200%203.63-3v2.72a11.9%2011.9%200%200%200%205.51-1.36a8.36%208.36%200%200%200%203.11-2.79a9.87%209.87%200%200%200%204.16%204.21a14.9%2014.9%200%200%200%206.4%201.89v-1.57a14.23%2014.23%200%200%200-28.46%200Z%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%2048%2048%22%3E%3Cpath%20fill%3D%22%2345413c%22%20d%3D%22M10.5%2044.5a13.5%201.5%200%201%200%2027%200a13.5%201.5%200%201%200-27%200%22%20opacity%3D%22.15%22%2F%3E%3Cpath%20fill%3D%22%23d18660%22%20stroke%3D%22%2345413c%22%20d%3D%22M40.88%2022.75a3.27%203.27%200%200%200-2.8-3.23C36.71%2012.37%2030.93%207%2024%207S11.29%2012.37%209.92%2019.52a3.27%203.27%200%200%200%200%206.47C11.29%2033.13%2017.07%2038.5%2024%2038.5S36.71%2033.13%2038.08%2026a3.28%203.28%200%200%200%202.8-3.25Z%22%2F%3E%3Cpath%20fill%3D%22%2345413c%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M15.55%2021.9a1.2%201.2%200%201%200%201.2-1.2a1.2%201.2%200%200%200-1.2%201.2m16.9%200a1.2%201.2%200%201%201-1.2-1.2a1.2%201.2%200%200%201%201.2%201.2%22%2F%3E%3Cpath%20fill%3D%22%23ff6242%22%20d%3D%22M19.59%2029.2a.7.7%200%200%200-.52.24a.68.68%200%200%200-.16.55a5.16%205.16%200%200%200%2010.18%200a.68.68%200%200%200-.16-.55a.7.7%200%200%200-.52-.24Z%22%2F%3E%3Cpath%20fill%3D%22%23ffa694%22%20d%3D%22M24%2031.32a6.3%206.3%200%200%200-3.92%201.2a5.21%205.21%200%200%200%207.84%200a6.3%206.3%200%200%200-3.92-1.2%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M19.59%2029.2a.7.7%200%200%200-.52.24a.68.68%200%200%200-.16.55a5.16%205.16%200%200%200%2010.18%200a.68.68%200%200%200-.16-.55a.7.7%200%200%200-.52-.24Z%22%2F%3E%3Cpath%20fill%3D%22%23bd704a%22%20d%3D%22M13.21%2027.01a1.55.93%200%201%200%203.1%200a1.55.93%200%201%200-3.1%200m18.48%200a1.55.93%200%201%200%203.1%200a1.55.93%200%201%200-3.1%200%22%2F%3E%3Cpath%20fill%3D%22%23614b44%22%20d%3D%22M9.62%2019.58a16.4%2016.4%200%200%200%205.65-1.75a12.8%2012.8%200%200%200%203.63-3v2.72a11.9%2011.9%200%200%200%205.51-1.36a8.36%208.36%200%200%200%203.11-2.79a9.87%209.87%200%200%200%204.16%204.21a14.9%2014.9%200%200%200%206.4%201.89v-1.57a14.23%2014.23%200%200%200-28.46%200Z%22%2F%3E%3Cpath%20fill%3D%22%23947063%22%20d%3D%22M23.85%203.71A14.23%2014.23%200%200%200%209.62%2017.93v1.65h.13A14.23%2014.23%200%200%201%2038%2019.51h.13v-1.58A14.23%2014.23%200%200%200%2023.85%203.71%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M9.62%2019.58a16.4%2016.4%200%200%200%205.65-1.75a12.8%2012.8%200%200%200%203.63-3v2.72a11.9%2011.9%200%200%200%205.51-1.36a8.36%208.36%200%200%200%203.11-2.79a9.87%209.87%200%200%200%204.16%204.21a14.9%2014.9%200%200%200%206.4%201.89v-1.57a14.23%2014.23%200%200%200-28.46%200Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/streamline-emojis/boy-3.svg?color=%231a73e8&size=48
