baby emoji
baby-medium-light-skin-tone from Twitter Emoji by Twitter · Medium-light skin tone · People & Body · CC-BY-4.0 Attribution required.
- Name
- baby-medium-light-skin-tone
- Set
- Twitter Emoji
- Style
- Medium-light 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
babyEmoji One (Colored)babyFont Awesome 6 SolidbabyFont Awesome SolidbabyFluent EmojibabyFluent Emoji FlatbabyFluent Emoji High ContrastbabyFirefox OS EmojibabyIconParkbabyIconPark OutlinebabyIconPark SolidbabyIconPark TwoTonebabyLine AwesomebabyLucidebabyMaterial Design Iconsbaby-fillMingCute IconbabyMyna UI IconsbabyNoto EmojibabyOpenMojibabyPhosphor
More people & body icons from Twitter Emoji
anatomical-heartartistastronautbaby-angelbackhand-index-pointing-downbackhand-index-pointing-leftbackhand-index-pointing-rightbackhand-index-pointing-upballet-dancerbiting-lipboneboybrainbreast-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 baby emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#f3d2a2" d="M36 18.5c0-1.639-.97-3.004-2.273-3.385C32.367 7.658 25.85 2 18 2S3.633 7.658 2.273 15.115C.97 15.496 0 16.861 0 18.5c0 1.736 1.087 3.168 2.51 3.442C4.269 28.868 10.527 34 18 34s13.731-5.132 15.49-12.058C34.912 21.668 36 20.236 36 18.5"/><path fill="#662214" d="M18 25c-3 0-4-1-4 1s2 4 4 4s4-2 4-4s-1-1-4-1"/><circle cx="22.5" cy="18.5" r="2.5" fill="#662214"/><circle cx="13.5" cy="18.5" r="2.5" fill="#662214"/><path fill="#fff" d="M18 26h2v1s0 1-1 1s-1-1-1-1z"/><path fill="#c68f6a" d="M17.982 11h-.031a4.36 4.36 0 0 1-3.135-1.304a3.74 3.74 0 0 1-1.076-2.847a.99.99 0 0 1 1.057-.935c.551.033.972.508.939 1.06c-.029.495.155.983.503 1.336a2.42 2.42 0 0 0 1.725.729c.653-.036 1.27-.247 1.735-.705a3.31 3.31 0 0 0 .032-4.677a4.39 4.39 0 0 0-6.202-.042a.999.999 0 1 1-1.404-1.424a6.394 6.394 0 0 1 9.03.062a5.29 5.29 0 0 1-.052 7.486c-.836.826-1.945 1.261-3.121 1.261"/></svg>
React
import type { SVGProps } from "react";
export function TwemojiBabyMediumLightSkinTone(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#f3d2a2" d="M36 18.5c0-1.639-.97-3.004-2.273-3.385C32.367 7.658 25.85 2 18 2S3.633 7.658 2.273 15.115C.97 15.496 0 16.861 0 18.5c0 1.736 1.087 3.168 2.51 3.442C4.269 28.868 10.527 34 18 34s13.731-5.132 15.49-12.058C34.912 21.668 36 20.236 36 18.5"/><path fill="#662214" d="M18 25c-3 0-4-1-4 1s2 4 4 4s4-2 4-4s-1-1-4-1"/><circle cx="22.5" cy="18.5" r="2.5" fill="#662214"/><circle cx="13.5" cy="18.5" r="2.5" fill="#662214"/><path fill="#fff" d="M18 26h2v1s0 1-1 1s-1-1-1-1z"/><path fill="#c68f6a" d="M17.982 11h-.031a4.36 4.36 0 0 1-3.135-1.304a3.74 3.74 0 0 1-1.076-2.847a.99.99 0 0 1 1.057-.935c.551.033.972.508.939 1.06c-.029.495.155.983.503 1.336a2.42 2.42 0 0 0 1.725.729c.653-.036 1.27-.247 1.735-.705a3.31 3.31 0 0 0 .032-4.677a4.39 4.39 0 0 0-6.202-.042a.999.999 0 1 1-1.404-1.424a6.394 6.394 0 0 1 9.03.062a5.29 5.29 0 0 1-.052 7.486c-.836.826-1.945 1.261-3.121 1.261"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#f3d2a2" d="M36 18.5c0-1.639-.97-3.004-2.273-3.385C32.367 7.658 25.85 2 18 2S3.633 7.658 2.273 15.115C.97 15.496 0 16.861 0 18.5c0 1.736 1.087 3.168 2.51 3.442C4.269 28.868 10.527 34 18 34s13.731-5.132 15.49-12.058C34.912 21.668 36 20.236 36 18.5"/><path fill="#662214" d="M18 25c-3 0-4-1-4 1s2 4 4 4s4-2 4-4s-1-1-4-1"/><circle cx="22.5" cy="18.5" r="2.5" fill="#662214"/><circle cx="13.5" cy="18.5" r="2.5" fill="#662214"/><path fill="#fff" d="M18 26h2v1s0 1-1 1s-1-1-1-1z"/><path fill="#c68f6a" d="M17.982 11h-.031a4.36 4.36 0 0 1-3.135-1.304a3.74 3.74 0 0 1-1.076-2.847a.99.99 0 0 1 1.057-.935c.551.033.972.508.939 1.06c-.029.495.155.983.503 1.336a2.42 2.42 0 0 0 1.725.729c.653-.036 1.27-.247 1.735-.705a3.31 3.31 0 0 0 .032-4.677a4.39 4.39 0 0 0-6.202-.042a.999.999 0 1 1-1.404-1.424a6.394 6.394 0 0 1 9.03.062a5.29 5.29 0 0 1-.052 7.486c-.836.826-1.945 1.261-3.121 1.261"/></svg> </template>
CSS
.icon-baby-medium-light-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%23f3d2a2%22%20d%3D%22M36%2018.5c0-1.639-.97-3.004-2.273-3.385C32.367%207.658%2025.85%202%2018%202S3.633%207.658%202.273%2015.115C.97%2015.496%200%2016.861%200%2018.5c0%201.736%201.087%203.168%202.51%203.442C4.269%2028.868%2010.527%2034%2018%2034s13.731-5.132%2015.49-12.058C34.912%2021.668%2036%2020.236%2036%2018.5%22%2F%3E%3Cpath%20fill%3D%22%23662214%22%20d%3D%22M18%2025c-3%200-4-1-4%201s2%204%204%204s4-2%204-4s-1-1-4-1%22%2F%3E%3Ccircle%20cx%3D%2222.5%22%20cy%3D%2218.5%22%20r%3D%222.5%22%20fill%3D%22%23662214%22%2F%3E%3Ccircle%20cx%3D%2213.5%22%20cy%3D%2218.5%22%20r%3D%222.5%22%20fill%3D%22%23662214%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M18%2026h2v1s0%201-1%201s-1-1-1-1z%22%2F%3E%3Cpath%20fill%3D%22%23c68f6a%22%20d%3D%22M17.982%2011h-.031a4.36%204.36%200%200%201-3.135-1.304a3.74%203.74%200%200%201-1.076-2.847a.99.99%200%200%201%201.057-.935c.551.033.972.508.939%201.06c-.029.495.155.983.503%201.336a2.42%202.42%200%200%200%201.725.729c.653-.036%201.27-.247%201.735-.705a3.31%203.31%200%200%200%20.032-4.677a4.39%204.39%200%200%200-6.202-.042a.999.999%200%201%201-1.404-1.424a6.394%206.394%200%200%201%209.03.062a5.29%205.29%200%200%201-.052%207.486c-.836.826-1.945%201.261-3.121%201.261%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%23f3d2a2%22%20d%3D%22M36%2018.5c0-1.639-.97-3.004-2.273-3.385C32.367%207.658%2025.85%202%2018%202S3.633%207.658%202.273%2015.115C.97%2015.496%200%2016.861%200%2018.5c0%201.736%201.087%203.168%202.51%203.442C4.269%2028.868%2010.527%2034%2018%2034s13.731-5.132%2015.49-12.058C34.912%2021.668%2036%2020.236%2036%2018.5%22%2F%3E%3Cpath%20fill%3D%22%23662214%22%20d%3D%22M18%2025c-3%200-4-1-4%201s2%204%204%204s4-2%204-4s-1-1-4-1%22%2F%3E%3Ccircle%20cx%3D%2222.5%22%20cy%3D%2218.5%22%20r%3D%222.5%22%20fill%3D%22%23662214%22%2F%3E%3Ccircle%20cx%3D%2213.5%22%20cy%3D%2218.5%22%20r%3D%222.5%22%20fill%3D%22%23662214%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M18%2026h2v1s0%201-1%201s-1-1-1-1z%22%2F%3E%3Cpath%20fill%3D%22%23c68f6a%22%20d%3D%22M17.982%2011h-.031a4.36%204.36%200%200%201-3.135-1.304a3.74%203.74%200%200%201-1.076-2.847a.99.99%200%200%201%201.057-.935c.551.033.972.508.939%201.06c-.029.495.155.983.503%201.336a2.42%202.42%200%200%200%201.725.729c.653-.036%201.27-.247%201.735-.705a3.31%203.31%200%200%200%20.032-4.677a4.39%204.39%200%200%200-6.202-.042a.999.999%200%201%201-1.404-1.424a6.394%206.394%200%200%201%209.03.062a5.29%205.29%200%200%201-.052%207.486c-.836.826-1.945%201.261-3.121%201.261%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/twemoji/baby-medium-light-skin-tone.svg?color=%231a73e8&size=48
