boy 2 emoji
boy-2 from Streamline Emojis by Streamline · Default · Smiley People · CC-BY-4.0 Attribution required.
- Name
- boy-2
- 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 2 emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="#45413c" d="M8.8 44.31a15.17 1.69 0 1 0 30.34 0a15.17 1.69 0 1 0-30.34 0" opacity=".15"/><path fill="#ffda8f" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M41 22.71a3.3 3.3 0 0 0-2.82-3.26C36.77 12.26 31 6.85 24 6.85s-12.84 5.41-14.21 12.6a3.29 3.29 0 0 0 0 6.52C11.16 33.17 17 38.58 24 38.58S36.77 33.17 38.15 26A3.3 3.3 0 0 0 41 22.71"/><path fill="#ff6242" d="M19.52 29.21a.7.7 0 0 0-.52.24a.7.7 0 0 0-.16.56a5.2 5.2 0 0 0 10.25 0a.67.67 0 0 0-.16-.56a.7.7 0 0 0-.52-.24Z"/><path fill="#ffa694" d="M24 31.34a6.36 6.36 0 0 0-4 1.21a5.25 5.25 0 0 0 7.9 0a6.4 6.4 0 0 0-3.9-1.21"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M19.52 29.21a.7.7 0 0 0-.52.24a.7.7 0 0 0-.16.56a5.2 5.2 0 0 0 10.25 0a.67.67 0 0 0-.16-.56a.7.7 0 0 0-.52-.24Z"/><path fill="#ffbe3d" d="M13.09 27a1.57.94 0 1 0 3.14 0a1.57.94 0 1 0-3.14 0m18.61 0a1.57.94 0 1 0 3.14 0a1.57.94 0 1 0-3.14 0"/><path fill="#614b44" d="M23.82 3.53A14.33 14.33 0 0 0 9.48 17.86v1.66a16.4 16.4 0 0 0 5.7-1.77a12.8 12.8 0 0 0 3.65-3v2.74a11.85 11.85 0 0 0 5.55-1.37a8.4 8.4 0 0 0 3.13-2.8a10 10 0 0 0 4.19 4.24a14.9 14.9 0 0 0 6.45 1.89v-1.59A14.33 14.33 0 0 0 23.82 3.53"/><path fill="#947063" d="M23.82 3.53A14.33 14.33 0 0 0 9.48 17.86v1.66h.13A14.33 14.33 0 0 1 38 19.45h.14v-1.59A14.33 14.33 0 0 0 23.82 3.53"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M23.82 3.53A14.33 14.33 0 0 0 9.48 17.86v1.66a16.4 16.4 0 0 0 5.7-1.77a12.8 12.8 0 0 0 3.65-3v2.74a11.85 11.85 0 0 0 5.55-1.37a8.4 8.4 0 0 0 3.13-2.8a10 10 0 0 0 4.19 4.24a14.9 14.9 0 0 0 6.45 1.89v-1.59A14.33 14.33 0 0 0 23.82 3.53m-5.14 19.06a1.63 1.63 0 0 0-3 0m16.6 0a1.64 1.64 0 0 0-3 0"/></svg>
React
import type { SVGProps } from "react";
export function StreamlineEmojisBoy2(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="M8.8 44.31a15.17 1.69 0 1 0 30.34 0a15.17 1.69 0 1 0-30.34 0" opacity=".15"/><path fill="#ffda8f" stroke="#45413c" strokeLinecap="round" strokeLinejoin="round" d="M41 22.71a3.3 3.3 0 0 0-2.82-3.26C36.77 12.26 31 6.85 24 6.85s-12.84 5.41-14.21 12.6a3.29 3.29 0 0 0 0 6.52C11.16 33.17 17 38.58 24 38.58S36.77 33.17 38.15 26A3.3 3.3 0 0 0 41 22.71"/><path fill="#ff6242" d="M19.52 29.21a.7.7 0 0 0-.52.24a.7.7 0 0 0-.16.56a5.2 5.2 0 0 0 10.25 0a.67.67 0 0 0-.16-.56a.7.7 0 0 0-.52-.24Z"/><path fill="#ffa694" d="M24 31.34a6.36 6.36 0 0 0-4 1.21a5.25 5.25 0 0 0 7.9 0a6.4 6.4 0 0 0-3.9-1.21"/><path fill="none" stroke="#45413c" strokeLinecap="round" strokeLinejoin="round" d="M19.52 29.21a.7.7 0 0 0-.52.24a.7.7 0 0 0-.16.56a5.2 5.2 0 0 0 10.25 0a.67.67 0 0 0-.16-.56a.7.7 0 0 0-.52-.24Z"/><path fill="#ffbe3d" d="M13.09 27a1.57.94 0 1 0 3.14 0a1.57.94 0 1 0-3.14 0m18.61 0a1.57.94 0 1 0 3.14 0a1.57.94 0 1 0-3.14 0"/><path fill="#614b44" d="M23.82 3.53A14.33 14.33 0 0 0 9.48 17.86v1.66a16.4 16.4 0 0 0 5.7-1.77a12.8 12.8 0 0 0 3.65-3v2.74a11.85 11.85 0 0 0 5.55-1.37a8.4 8.4 0 0 0 3.13-2.8a10 10 0 0 0 4.19 4.24a14.9 14.9 0 0 0 6.45 1.89v-1.59A14.33 14.33 0 0 0 23.82 3.53"/><path fill="#947063" d="M23.82 3.53A14.33 14.33 0 0 0 9.48 17.86v1.66h.13A14.33 14.33 0 0 1 38 19.45h.14v-1.59A14.33 14.33 0 0 0 23.82 3.53"/><path fill="none" stroke="#45413c" strokeLinecap="round" strokeLinejoin="round" d="M23.82 3.53A14.33 14.33 0 0 0 9.48 17.86v1.66a16.4 16.4 0 0 0 5.7-1.77a12.8 12.8 0 0 0 3.65-3v2.74a11.85 11.85 0 0 0 5.55-1.37a8.4 8.4 0 0 0 3.13-2.8a10 10 0 0 0 4.19 4.24a14.9 14.9 0 0 0 6.45 1.89v-1.59A14.33 14.33 0 0 0 23.82 3.53m-5.14 19.06a1.63 1.63 0 0 0-3 0m16.6 0a1.64 1.64 0 0 0-3 0"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="#45413c" d="M8.8 44.31a15.17 1.69 0 1 0 30.34 0a15.17 1.69 0 1 0-30.34 0" opacity=".15"/><path fill="#ffda8f" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M41 22.71a3.3 3.3 0 0 0-2.82-3.26C36.77 12.26 31 6.85 24 6.85s-12.84 5.41-14.21 12.6a3.29 3.29 0 0 0 0 6.52C11.16 33.17 17 38.58 24 38.58S36.77 33.17 38.15 26A3.3 3.3 0 0 0 41 22.71"/><path fill="#ff6242" d="M19.52 29.21a.7.7 0 0 0-.52.24a.7.7 0 0 0-.16.56a5.2 5.2 0 0 0 10.25 0a.67.67 0 0 0-.16-.56a.7.7 0 0 0-.52-.24Z"/><path fill="#ffa694" d="M24 31.34a6.36 6.36 0 0 0-4 1.21a5.25 5.25 0 0 0 7.9 0a6.4 6.4 0 0 0-3.9-1.21"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M19.52 29.21a.7.7 0 0 0-.52.24a.7.7 0 0 0-.16.56a5.2 5.2 0 0 0 10.25 0a.67.67 0 0 0-.16-.56a.7.7 0 0 0-.52-.24Z"/><path fill="#ffbe3d" d="M13.09 27a1.57.94 0 1 0 3.14 0a1.57.94 0 1 0-3.14 0m18.61 0a1.57.94 0 1 0 3.14 0a1.57.94 0 1 0-3.14 0"/><path fill="#614b44" d="M23.82 3.53A14.33 14.33 0 0 0 9.48 17.86v1.66a16.4 16.4 0 0 0 5.7-1.77a12.8 12.8 0 0 0 3.65-3v2.74a11.85 11.85 0 0 0 5.55-1.37a8.4 8.4 0 0 0 3.13-2.8a10 10 0 0 0 4.19 4.24a14.9 14.9 0 0 0 6.45 1.89v-1.59A14.33 14.33 0 0 0 23.82 3.53"/><path fill="#947063" d="M23.82 3.53A14.33 14.33 0 0 0 9.48 17.86v1.66h.13A14.33 14.33 0 0 1 38 19.45h.14v-1.59A14.33 14.33 0 0 0 23.82 3.53"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M23.82 3.53A14.33 14.33 0 0 0 9.48 17.86v1.66a16.4 16.4 0 0 0 5.7-1.77a12.8 12.8 0 0 0 3.65-3v2.74a11.85 11.85 0 0 0 5.55-1.37a8.4 8.4 0 0 0 3.13-2.8a10 10 0 0 0 4.19 4.24a14.9 14.9 0 0 0 6.45 1.89v-1.59A14.33 14.33 0 0 0 23.82 3.53m-5.14 19.06a1.63 1.63 0 0 0-3 0m16.6 0a1.64 1.64 0 0 0-3 0"/></svg> </template>
CSS
.icon-boy-2 {
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%22M8.8%2044.31a15.17%201.69%200%201%200%2030.34%200a15.17%201.69%200%201%200-30.34%200%22%20opacity%3D%22.15%22%2F%3E%3Cpath%20fill%3D%22%23ffda8f%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M41%2022.71a3.3%203.3%200%200%200-2.82-3.26C36.77%2012.26%2031%206.85%2024%206.85s-12.84%205.41-14.21%2012.6a3.29%203.29%200%200%200%200%206.52C11.16%2033.17%2017%2038.58%2024%2038.58S36.77%2033.17%2038.15%2026A3.3%203.3%200%200%200%2041%2022.71%22%2F%3E%3Cpath%20fill%3D%22%23ff6242%22%20d%3D%22M19.52%2029.21a.7.7%200%200%200-.52.24a.7.7%200%200%200-.16.56a5.2%205.2%200%200%200%2010.25%200a.67.67%200%200%200-.16-.56a.7.7%200%200%200-.52-.24Z%22%2F%3E%3Cpath%20fill%3D%22%23ffa694%22%20d%3D%22M24%2031.34a6.36%206.36%200%200%200-4%201.21a5.25%205.25%200%200%200%207.9%200a6.4%206.4%200%200%200-3.9-1.21%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.52%2029.21a.7.7%200%200%200-.52.24a.7.7%200%200%200-.16.56a5.2%205.2%200%200%200%2010.25%200a.67.67%200%200%200-.16-.56a.7.7%200%200%200-.52-.24Z%22%2F%3E%3Cpath%20fill%3D%22%23ffbe3d%22%20d%3D%22M13.09%2027a1.57.94%200%201%200%203.14%200a1.57.94%200%201%200-3.14%200m18.61%200a1.57.94%200%201%200%203.14%200a1.57.94%200%201%200-3.14%200%22%2F%3E%3Cpath%20fill%3D%22%23614b44%22%20d%3D%22M23.82%203.53A14.33%2014.33%200%200%200%209.48%2017.86v1.66a16.4%2016.4%200%200%200%205.7-1.77a12.8%2012.8%200%200%200%203.65-3v2.74a11.85%2011.85%200%200%200%205.55-1.37a8.4%208.4%200%200%200%203.13-2.8a10%2010%200%200%200%204.19%204.24a14.9%2014.9%200%200%200%206.45%201.89v-1.59A14.33%2014.33%200%200%200%2023.82%203.53%22%2F%3E%3Cpath%20fill%3D%22%23947063%22%20d%3D%22M23.82%203.53A14.33%2014.33%200%200%200%209.48%2017.86v1.66h.13A14.33%2014.33%200%200%201%2038%2019.45h.14v-1.59A14.33%2014.33%200%200%200%2023.82%203.53%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%22M23.82%203.53A14.33%2014.33%200%200%200%209.48%2017.86v1.66a16.4%2016.4%200%200%200%205.7-1.77a12.8%2012.8%200%200%200%203.65-3v2.74a11.85%2011.85%200%200%200%205.55-1.37a8.4%208.4%200%200%200%203.13-2.8a10%2010%200%200%200%204.19%204.24a14.9%2014.9%200%200%200%206.45%201.89v-1.59A14.33%2014.33%200%200%200%2023.82%203.53m-5.14%2019.06a1.63%201.63%200%200%200-3%200m16.6%200a1.64%201.64%200%200%200-3%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%2048%2048%22%3E%3Cpath%20fill%3D%22%2345413c%22%20d%3D%22M8.8%2044.31a15.17%201.69%200%201%200%2030.34%200a15.17%201.69%200%201%200-30.34%200%22%20opacity%3D%22.15%22%2F%3E%3Cpath%20fill%3D%22%23ffda8f%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M41%2022.71a3.3%203.3%200%200%200-2.82-3.26C36.77%2012.26%2031%206.85%2024%206.85s-12.84%205.41-14.21%2012.6a3.29%203.29%200%200%200%200%206.52C11.16%2033.17%2017%2038.58%2024%2038.58S36.77%2033.17%2038.15%2026A3.3%203.3%200%200%200%2041%2022.71%22%2F%3E%3Cpath%20fill%3D%22%23ff6242%22%20d%3D%22M19.52%2029.21a.7.7%200%200%200-.52.24a.7.7%200%200%200-.16.56a5.2%205.2%200%200%200%2010.25%200a.67.67%200%200%200-.16-.56a.7.7%200%200%200-.52-.24Z%22%2F%3E%3Cpath%20fill%3D%22%23ffa694%22%20d%3D%22M24%2031.34a6.36%206.36%200%200%200-4%201.21a5.25%205.25%200%200%200%207.9%200a6.4%206.4%200%200%200-3.9-1.21%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.52%2029.21a.7.7%200%200%200-.52.24a.7.7%200%200%200-.16.56a5.2%205.2%200%200%200%2010.25%200a.67.67%200%200%200-.16-.56a.7.7%200%200%200-.52-.24Z%22%2F%3E%3Cpath%20fill%3D%22%23ffbe3d%22%20d%3D%22M13.09%2027a1.57.94%200%201%200%203.14%200a1.57.94%200%201%200-3.14%200m18.61%200a1.57.94%200%201%200%203.14%200a1.57.94%200%201%200-3.14%200%22%2F%3E%3Cpath%20fill%3D%22%23614b44%22%20d%3D%22M23.82%203.53A14.33%2014.33%200%200%200%209.48%2017.86v1.66a16.4%2016.4%200%200%200%205.7-1.77a12.8%2012.8%200%200%200%203.65-3v2.74a11.85%2011.85%200%200%200%205.55-1.37a8.4%208.4%200%200%200%203.13-2.8a10%2010%200%200%200%204.19%204.24a14.9%2014.9%200%200%200%206.45%201.89v-1.59A14.33%2014.33%200%200%200%2023.82%203.53%22%2F%3E%3Cpath%20fill%3D%22%23947063%22%20d%3D%22M23.82%203.53A14.33%2014.33%200%200%200%209.48%2017.86v1.66h.13A14.33%2014.33%200%200%201%2038%2019.45h.14v-1.59A14.33%2014.33%200%200%200%2023.82%203.53%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%22M23.82%203.53A14.33%2014.33%200%200%200%209.48%2017.86v1.66a16.4%2016.4%200%200%200%205.7-1.77a12.8%2012.8%200%200%200%203.65-3v2.74a11.85%2011.85%200%200%200%205.55-1.37a8.4%208.4%200%200%200%203.13-2.8a10%2010%200%200%200%204.19%204.24a14.9%2014.9%200%200%200%206.45%201.89v-1.59A14.33%2014.33%200%200%200%2023.82%203.53m-5.14%2019.06a1.63%201.63%200%200%200-3%200m16.6%200a1.64%201.64%200%200%200-3%200%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/streamline-emojis/boy-2.svg?color=%231a73e8&size=48
