boy emoji
boy-medium-skin-tone from Twitter Emoji by Twitter · Medium skin tone · People & Body · CC-BY-4.0 Attribution required.
- Name
- boy-medium-skin-tone
- Set
- Twitter Emoji
- Style
- Medium skin tone
- Category
- People & Body
- Viewbox
- 36×36
- License
- CC BY 4.0
5 other variants in Twitter Emoji
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-lipbonebrainbreast-feedingbust-in-silhouettebusts-in-silhouettecall-me-handchildclapping-handsconstruction-workercookcouple-with-heartcouple-with-heart-man-mancouple-with-heart-man-man-dark-skin-tone-light-skin-tone
Use the boy emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#d5ab88" d="M6 20c0 2.209-1.119 4-2.5 4S1 22.209 1 20s1.119-4 2.5-4S6 17.791 6 20m29 0c0 2.209-1.119 4-2.5 4S30 22.209 30 20s1.119-4 2.5-4s2.5 1.791 2.5 4"/><path fill="#d5ab88" d="M4 20.562c0-8.526 6.268-15.438 14-15.438s14 6.912 14 15.438S25.732 35 18 35S4 29.088 4 20.562"/><path fill="#662113" d="M12 22a1 1 0 0 1-1-1v-2a1 1 0 0 1 2 0v2a1 1 0 0 1-1 1m12 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 30c-4.188 0-6.357-1.06-6.447-1.105a1 1 0 0 1 .89-1.791c.051.024 1.925.896 5.557.896c3.665 0 5.54-.888 5.559-.897a1.003 1.003 0 0 1 1.336.457a.997.997 0 0 1-.447 1.335C24.356 28.94 22.188 30 18 30m1-5h-2a1 1 0 1 1 0-2h2a1 1 0 1 1 0 2"/><path fill="#963b22" d="M18 .354C8.77.354 3 6.816 3 12.2s1.154 7.539 2.308 5.385l2.308-4.308s3.791-.124 6.099-2.278c0 0-1.071 4 6.594.124c0 0-.166 3.876 5.191-.124c0 0 4.039 1.201 5.191 6.586c.32 1.494 2.309 0 2.309-5.385S28.385.354 18 .354"/></svg>
React
import type { SVGProps } from "react";
export function TwemojiBoyMediumSkinTone(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="M6 20c0 2.209-1.119 4-2.5 4S1 22.209 1 20s1.119-4 2.5-4S6 17.791 6 20m29 0c0 2.209-1.119 4-2.5 4S30 22.209 30 20s1.119-4 2.5-4s2.5 1.791 2.5 4"/><path fill="#d5ab88" d="M4 20.562c0-8.526 6.268-15.438 14-15.438s14 6.912 14 15.438S25.732 35 18 35S4 29.088 4 20.562"/><path fill="#662113" d="M12 22a1 1 0 0 1-1-1v-2a1 1 0 0 1 2 0v2a1 1 0 0 1-1 1m12 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 30c-4.188 0-6.357-1.06-6.447-1.105a1 1 0 0 1 .89-1.791c.051.024 1.925.896 5.557.896c3.665 0 5.54-.888 5.559-.897a1.003 1.003 0 0 1 1.336.457a.997.997 0 0 1-.447 1.335C24.356 28.94 22.188 30 18 30m1-5h-2a1 1 0 1 1 0-2h2a1 1 0 1 1 0 2"/><path fill="#963b22" d="M18 .354C8.77.354 3 6.816 3 12.2s1.154 7.539 2.308 5.385l2.308-4.308s3.791-.124 6.099-2.278c0 0-1.071 4 6.594.124c0 0-.166 3.876 5.191-.124c0 0 4.039 1.201 5.191 6.586c.32 1.494 2.309 0 2.309-5.385S28.385.354 18 .354"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#d5ab88" d="M6 20c0 2.209-1.119 4-2.5 4S1 22.209 1 20s1.119-4 2.5-4S6 17.791 6 20m29 0c0 2.209-1.119 4-2.5 4S30 22.209 30 20s1.119-4 2.5-4s2.5 1.791 2.5 4"/><path fill="#d5ab88" d="M4 20.562c0-8.526 6.268-15.438 14-15.438s14 6.912 14 15.438S25.732 35 18 35S4 29.088 4 20.562"/><path fill="#662113" d="M12 22a1 1 0 0 1-1-1v-2a1 1 0 0 1 2 0v2a1 1 0 0 1-1 1m12 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 30c-4.188 0-6.357-1.06-6.447-1.105a1 1 0 0 1 .89-1.791c.051.024 1.925.896 5.557.896c3.665 0 5.54-.888 5.559-.897a1.003 1.003 0 0 1 1.336.457a.997.997 0 0 1-.447 1.335C24.356 28.94 22.188 30 18 30m1-5h-2a1 1 0 1 1 0-2h2a1 1 0 1 1 0 2"/><path fill="#963b22" d="M18 .354C8.77.354 3 6.816 3 12.2s1.154 7.539 2.308 5.385l2.308-4.308s3.791-.124 6.099-2.278c0 0-1.071 4 6.594.124c0 0-.166 3.876 5.191-.124c0 0 4.039 1.201 5.191 6.586c.32 1.494 2.309 0 2.309-5.385S28.385.354 18 .354"/></svg> </template>
CSS
.icon-boy-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%2036%2036%22%3E%3Cpath%20fill%3D%22%23d5ab88%22%20d%3D%22M6%2020c0%202.209-1.119%204-2.5%204S1%2022.209%201%2020s1.119-4%202.5-4S6%2017.791%206%2020m29%200c0%202.209-1.119%204-2.5%204S30%2022.209%2030%2020s1.119-4%202.5-4s2.5%201.791%202.5%204%22%2F%3E%3Cpath%20fill%3D%22%23d5ab88%22%20d%3D%22M4%2020.562c0-8.526%206.268-15.438%2014-15.438s14%206.912%2014%2015.438S25.732%2035%2018%2035S4%2029.088%204%2020.562%22%2F%3E%3Cpath%20fill%3D%22%23662113%22%20d%3D%22M12%2022a1%201%200%200%201-1-1v-2a1%201%200%200%201%202%200v2a1%201%200%200%201-1%201m12%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%2030c-4.188%200-6.357-1.06-6.447-1.105a1%201%200%200%201%20.89-1.791c.051.024%201.925.896%205.557.896c3.665%200%205.54-.888%205.559-.897a1.003%201.003%200%200%201%201.336.457a.997.997%200%200%201-.447%201.335C24.356%2028.94%2022.188%2030%2018%2030m1-5h-2a1%201%200%201%201%200-2h2a1%201%200%201%201%200%202%22%2F%3E%3Cpath%20fill%3D%22%23963b22%22%20d%3D%22M18%20.354C8.77.354%203%206.816%203%2012.2s1.154%207.539%202.308%205.385l2.308-4.308s3.791-.124%206.099-2.278c0%200-1.071%204%206.594.124c0%200-.166%203.876%205.191-.124c0%200%204.039%201.201%205.191%206.586c.32%201.494%202.309%200%202.309-5.385S28.385.354%2018%20.354%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%22M6%2020c0%202.209-1.119%204-2.5%204S1%2022.209%201%2020s1.119-4%202.5-4S6%2017.791%206%2020m29%200c0%202.209-1.119%204-2.5%204S30%2022.209%2030%2020s1.119-4%202.5-4s2.5%201.791%202.5%204%22%2F%3E%3Cpath%20fill%3D%22%23d5ab88%22%20d%3D%22M4%2020.562c0-8.526%206.268-15.438%2014-15.438s14%206.912%2014%2015.438S25.732%2035%2018%2035S4%2029.088%204%2020.562%22%2F%3E%3Cpath%20fill%3D%22%23662113%22%20d%3D%22M12%2022a1%201%200%200%201-1-1v-2a1%201%200%200%201%202%200v2a1%201%200%200%201-1%201m12%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%2030c-4.188%200-6.357-1.06-6.447-1.105a1%201%200%200%201%20.89-1.791c.051.024%201.925.896%205.557.896c3.665%200%205.54-.888%205.559-.897a1.003%201.003%200%200%201%201.336.457a.997.997%200%200%201-.447%201.335C24.356%2028.94%2022.188%2030%2018%2030m1-5h-2a1%201%200%201%201%200-2h2a1%201%200%201%201%200%202%22%2F%3E%3Cpath%20fill%3D%22%23963b22%22%20d%3D%22M18%20.354C8.77.354%203%206.816%203%2012.2s1.154%207.539%202.308%205.385l2.308-4.308s3.791-.124%206.099-2.278c0%200-1.071%204%206.594.124c0%200-.166%203.876%205.191-.124c0%200%204.039%201.201%205.191%206.586c.32%201.494%202.309%200%202.309-5.385S28.385.354%2018%20.354%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/twemoji/boy-medium-skin-tone.svg?color=%231a73e8&size=48
