girl emoji
girl-medium-dark-skin-tone from Emoji One (Colored) by Emoji One · Medium-dark skin tone · People · CC-BY-4.0 Attribution required.
- Name
- girl-medium-dark-skin-tone
- Set
- Emoji One (Colored)
- Style
- Medium-dark skin tone
- Category
- People
- Viewbox
- 64×64
- License
- CC BY 4.0
5 other variants in Emoji One (Colored)
The same emoji in other sets
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-eyesblond-haired-personboybride-with-veilbriefcasebust-in-silhouettebusts-in-silhouettecall-me-handcat-face-with-tears-of-joycat-face-with-wry-smileclapping-hands
Use the girl emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#231f20" d="M57.9 40S61 34.4 61 26c0-11-8.1-24-29-24S3 15 3 26c0 8.4 3.1 14 3.1 14C2.5 44.1.3 52.4 3.4 57.8c1.3 2.2 14.1 10 15.3-3.9h26.4c1.3 13.8 14.1 6.1 15.3 3.9c3.2-5.4 1-13.7-2.5-17.8"/><path fill="#c28fef" d="M32 6C16.7 6 5.5 14 5.5 24C5.5 24 9.6 9 32 9s25.5 15 25.5 15C57.5 14 47.3 6 32 6"/><path fill="#b47d56" d="M57.3 42c6.2 0 6.2-9 0-9v-3s-35-.9-43-13c2 12.2-7.7 16-7.7 16c-6.2 0-6.2 9 0 9c0 7 7.3 18 25.3 18C50 60 57.3 49 57.3 42"/><g fill="#fff"><circle cx="44.5" cy="36.5" r="6.5"/><circle cx="19.5" cy="36.5" r="6.5"/></g><circle cx="44.5" cy="36.5" r="4.5" fill="#664e27"/><circle cx="44.5" cy="36.5" r="1.5" fill="#231f20"/><circle cx="19.5" cy="36.5" r="4.5" fill="#664e27"/><circle cx="19.5" cy="36.5" r="1.5" fill="#231f20"/><path fill="#664e27" d="M40.1 48.1c-5.2 3.6-11 3.6-16.2 0c-.6-.4-1.2.3-.8 1c1.6 2.6 4.8 4.9 8.9 4.9s7.3-2.3 8.9-4.9c.4-.7-.2-1.4-.8-1"/></svg>
React
import type { SVGProps } from "react";
export function EmojioneGirlMediumDarkSkinTone(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#231f20" d="M57.9 40S61 34.4 61 26c0-11-8.1-24-29-24S3 15 3 26c0 8.4 3.1 14 3.1 14C2.5 44.1.3 52.4 3.4 57.8c1.3 2.2 14.1 10 15.3-3.9h26.4c1.3 13.8 14.1 6.1 15.3 3.9c3.2-5.4 1-13.7-2.5-17.8"/><path fill="#c28fef" d="M32 6C16.7 6 5.5 14 5.5 24C5.5 24 9.6 9 32 9s25.5 15 25.5 15C57.5 14 47.3 6 32 6"/><path fill="#b47d56" d="M57.3 42c6.2 0 6.2-9 0-9v-3s-35-.9-43-13c2 12.2-7.7 16-7.7 16c-6.2 0-6.2 9 0 9c0 7 7.3 18 25.3 18C50 60 57.3 49 57.3 42"/><g fill="#fff"><circle cx="44.5" cy="36.5" r="6.5"/><circle cx="19.5" cy="36.5" r="6.5"/></g><circle cx="44.5" cy="36.5" r="4.5" fill="#664e27"/><circle cx="44.5" cy="36.5" r="1.5" fill="#231f20"/><circle cx="19.5" cy="36.5" r="4.5" fill="#664e27"/><circle cx="19.5" cy="36.5" r="1.5" fill="#231f20"/><path fill="#664e27" d="M40.1 48.1c-5.2 3.6-11 3.6-16.2 0c-.6-.4-1.2.3-.8 1c1.6 2.6 4.8 4.9 8.9 4.9s7.3-2.3 8.9-4.9c.4-.7-.2-1.4-.8-1"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#231f20" d="M57.9 40S61 34.4 61 26c0-11-8.1-24-29-24S3 15 3 26c0 8.4 3.1 14 3.1 14C2.5 44.1.3 52.4 3.4 57.8c1.3 2.2 14.1 10 15.3-3.9h26.4c1.3 13.8 14.1 6.1 15.3 3.9c3.2-5.4 1-13.7-2.5-17.8"/><path fill="#c28fef" d="M32 6C16.7 6 5.5 14 5.5 24C5.5 24 9.6 9 32 9s25.5 15 25.5 15C57.5 14 47.3 6 32 6"/><path fill="#b47d56" d="M57.3 42c6.2 0 6.2-9 0-9v-3s-35-.9-43-13c2 12.2-7.7 16-7.7 16c-6.2 0-6.2 9 0 9c0 7 7.3 18 25.3 18C50 60 57.3 49 57.3 42"/><g fill="#fff"><circle cx="44.5" cy="36.5" r="6.5"/><circle cx="19.5" cy="36.5" r="6.5"/></g><circle cx="44.5" cy="36.5" r="4.5" fill="#664e27"/><circle cx="44.5" cy="36.5" r="1.5" fill="#231f20"/><circle cx="19.5" cy="36.5" r="4.5" fill="#664e27"/><circle cx="19.5" cy="36.5" r="1.5" fill="#231f20"/><path fill="#664e27" d="M40.1 48.1c-5.2 3.6-11 3.6-16.2 0c-.6-.4-1.2.3-.8 1c1.6 2.6 4.8 4.9 8.9 4.9s7.3-2.3 8.9-4.9c.4-.7-.2-1.4-.8-1"/></svg> </template>
CSS
.icon-girl-medium-dark-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%23231f20%22%20d%3D%22M57.9%2040S61%2034.4%2061%2026c0-11-8.1-24-29-24S3%2015%203%2026c0%208.4%203.1%2014%203.1%2014C2.5%2044.1.3%2052.4%203.4%2057.8c1.3%202.2%2014.1%2010%2015.3-3.9h26.4c1.3%2013.8%2014.1%206.1%2015.3%203.9c3.2-5.4%201-13.7-2.5-17.8%22%2F%3E%3Cpath%20fill%3D%22%23c28fef%22%20d%3D%22M32%206C16.7%206%205.5%2014%205.5%2024C5.5%2024%209.6%209%2032%209s25.5%2015%2025.5%2015C57.5%2014%2047.3%206%2032%206%22%2F%3E%3Cpath%20fill%3D%22%23b47d56%22%20d%3D%22M57.3%2042c6.2%200%206.2-9%200-9v-3s-35-.9-43-13c2%2012.2-7.7%2016-7.7%2016c-6.2%200-6.2%209%200%209c0%207%207.3%2018%2025.3%2018C50%2060%2057.3%2049%2057.3%2042%22%2F%3E%3Cg%20fill%3D%22%23fff%22%3E%3Ccircle%20cx%3D%2244.5%22%20cy%3D%2236.5%22%20r%3D%226.5%22%2F%3E%3Ccircle%20cx%3D%2219.5%22%20cy%3D%2236.5%22%20r%3D%226.5%22%2F%3E%3C%2Fg%3E%3Ccircle%20cx%3D%2244.5%22%20cy%3D%2236.5%22%20r%3D%224.5%22%20fill%3D%22%23664e27%22%2F%3E%3Ccircle%20cx%3D%2244.5%22%20cy%3D%2236.5%22%20r%3D%221.5%22%20fill%3D%22%23231f20%22%2F%3E%3Ccircle%20cx%3D%2219.5%22%20cy%3D%2236.5%22%20r%3D%224.5%22%20fill%3D%22%23664e27%22%2F%3E%3Ccircle%20cx%3D%2219.5%22%20cy%3D%2236.5%22%20r%3D%221.5%22%20fill%3D%22%23231f20%22%2F%3E%3Cpath%20fill%3D%22%23664e27%22%20d%3D%22M40.1%2048.1c-5.2%203.6-11%203.6-16.2%200c-.6-.4-1.2.3-.8%201c1.6%202.6%204.8%204.9%208.9%204.9s7.3-2.3%208.9-4.9c.4-.7-.2-1.4-.8-1%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%23231f20%22%20d%3D%22M57.9%2040S61%2034.4%2061%2026c0-11-8.1-24-29-24S3%2015%203%2026c0%208.4%203.1%2014%203.1%2014C2.5%2044.1.3%2052.4%203.4%2057.8c1.3%202.2%2014.1%2010%2015.3-3.9h26.4c1.3%2013.8%2014.1%206.1%2015.3%203.9c3.2-5.4%201-13.7-2.5-17.8%22%2F%3E%3Cpath%20fill%3D%22%23c28fef%22%20d%3D%22M32%206C16.7%206%205.5%2014%205.5%2024C5.5%2024%209.6%209%2032%209s25.5%2015%2025.5%2015C57.5%2014%2047.3%206%2032%206%22%2F%3E%3Cpath%20fill%3D%22%23b47d56%22%20d%3D%22M57.3%2042c6.2%200%206.2-9%200-9v-3s-35-.9-43-13c2%2012.2-7.7%2016-7.7%2016c-6.2%200-6.2%209%200%209c0%207%207.3%2018%2025.3%2018C50%2060%2057.3%2049%2057.3%2042%22%2F%3E%3Cg%20fill%3D%22%23fff%22%3E%3Ccircle%20cx%3D%2244.5%22%20cy%3D%2236.5%22%20r%3D%226.5%22%2F%3E%3Ccircle%20cx%3D%2219.5%22%20cy%3D%2236.5%22%20r%3D%226.5%22%2F%3E%3C%2Fg%3E%3Ccircle%20cx%3D%2244.5%22%20cy%3D%2236.5%22%20r%3D%224.5%22%20fill%3D%22%23664e27%22%2F%3E%3Ccircle%20cx%3D%2244.5%22%20cy%3D%2236.5%22%20r%3D%221.5%22%20fill%3D%22%23231f20%22%2F%3E%3Ccircle%20cx%3D%2219.5%22%20cy%3D%2236.5%22%20r%3D%224.5%22%20fill%3D%22%23664e27%22%2F%3E%3Ccircle%20cx%3D%2219.5%22%20cy%3D%2236.5%22%20r%3D%221.5%22%20fill%3D%22%23231f20%22%2F%3E%3Cpath%20fill%3D%22%23664e27%22%20d%3D%22M40.1%2048.1c-5.2%203.6-11%203.6-16.2%200c-.6-.4-1.2.3-.8%201c1.6%202.6%204.8%204.9%208.9%204.9s7.3-2.3%208.9-4.9c.4-.7-.2-1.4-.8-1%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/emojione/girl-medium-dark-skin-tone.svg?color=%231a73e8&size=48
