baby icon
baby-fill from MingCute Icon by MingCute Design · Fill · Apache-2.0 Free for personal and commercial use.
- Name
- baby-fill
- Set
- MingCute Icon
- Style
- Fill
- Viewbox
- 24×24
- License
- Apache 2.0
1 other variant in MingCute Icon
The same icon 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 IconsbabyMyna UI IconsbabyNoto EmojibabyOpenMojibabyPhosphorbabyTwitter Emoji
Related icons in MingCute Icon
Use the baby icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M11.41 2.018c.789.07 1.254.339 1.534.65c.344.382.556.984.556 1.832a1.5 1.5 0 0 1-2.4 1.2a1.001 1.001 0 0 0-1.2 1.6a3.5 3.5 0 0 0 5.6-2.8c0-.685-.103-1.367-.35-1.99C19.13 3.83 22 7.577 22 12c0 5.522-4.477 10-10 10S2 17.522 2 12c0-5.325 4.162-9.676 9.41-9.982m3.23 13.214a1 1 0 0 0-1.409.129c-.358.43-.797.64-1.231.64s-.873-.21-1.231-.64a1 1 0 0 0-1.538 1.28C9.904 17.446 10.877 18 12 18s2.096-.554 2.769-1.36a1 1 0 0 0-.13-1.41M8.5 10a1.5 1.5 0 1 0 0 3a1.5 1.5 0 0 0 0-3m7 0a1.5 1.5 0 1 0 0 3a1.5 1.5 0 0 0 0-3"/></svg>
React
import type { SVGProps } from "react";
export function MingcuteBabyFill(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M11.41 2.018c.789.07 1.254.339 1.534.65c.344.382.556.984.556 1.832a1.5 1.5 0 0 1-2.4 1.2a1.001 1.001 0 0 0-1.2 1.6a3.5 3.5 0 0 0 5.6-2.8c0-.685-.103-1.367-.35-1.99C19.13 3.83 22 7.577 22 12c0 5.522-4.477 10-10 10S2 17.522 2 12c0-5.325 4.162-9.676 9.41-9.982m3.23 13.214a1 1 0 0 0-1.409.129c-.358.43-.797.64-1.231.64s-.873-.21-1.231-.64a1 1 0 0 0-1.538 1.28C9.904 17.446 10.877 18 12 18s2.096-.554 2.769-1.36a1 1 0 0 0-.13-1.41M8.5 10a1.5 1.5 0 1 0 0 3a1.5 1.5 0 0 0 0-3m7 0a1.5 1.5 0 1 0 0 3a1.5 1.5 0 0 0 0-3"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M11.41 2.018c.789.07 1.254.339 1.534.65c.344.382.556.984.556 1.832a1.5 1.5 0 0 1-2.4 1.2a1.001 1.001 0 0 0-1.2 1.6a3.5 3.5 0 0 0 5.6-2.8c0-.685-.103-1.367-.35-1.99C19.13 3.83 22 7.577 22 12c0 5.522-4.477 10-10 10S2 17.522 2 12c0-5.325 4.162-9.676 9.41-9.982m3.23 13.214a1 1 0 0 0-1.409.129c-.358.43-.797.64-1.231.64s-.873-.21-1.231-.64a1 1 0 0 0-1.538 1.28C9.904 17.446 10.877 18 12 18s2.096-.554 2.769-1.36a1 1 0 0 0-.13-1.41M8.5 10a1.5 1.5 0 1 0 0 3a1.5 1.5 0 0 0 0-3m7 0a1.5 1.5 0 1 0 0 3a1.5 1.5 0 0 0 0-3"/></svg> </template>
CSS
.icon-baby-fill {
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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M11.41%202.018c.789.07%201.254.339%201.534.65c.344.382.556.984.556%201.832a1.5%201.5%200%200%201-2.4%201.2a1.001%201.001%200%200%200-1.2%201.6a3.5%203.5%200%200%200%205.6-2.8c0-.685-.103-1.367-.35-1.99C19.13%203.83%2022%207.577%2022%2012c0%205.522-4.477%2010-10%2010S2%2017.522%202%2012c0-5.325%204.162-9.676%209.41-9.982m3.23%2013.214a1%201%200%200%200-1.409.129c-.358.43-.797.64-1.231.64s-.873-.21-1.231-.64a1%201%200%200%200-1.538%201.28C9.904%2017.446%2010.877%2018%2012%2018s2.096-.554%202.769-1.36a1%201%200%200%200-.13-1.41M8.5%2010a1.5%201.5%200%201%200%200%203a1.5%201.5%200%200%200%200-3m7%200a1.5%201.5%200%201%200%200%203a1.5%201.5%200%200%200%200-3%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M11.41%202.018c.789.07%201.254.339%201.534.65c.344.382.556.984.556%201.832a1.5%201.5%200%200%201-2.4%201.2a1.001%201.001%200%200%200-1.2%201.6a3.5%203.5%200%200%200%205.6-2.8c0-.685-.103-1.367-.35-1.99C19.13%203.83%2022%207.577%2022%2012c0%205.522-4.477%2010-10%2010S2%2017.522%202%2012c0-5.325%204.162-9.676%209.41-9.982m3.23%2013.214a1%201%200%200%200-1.409.129c-.358.43-.797.64-1.231.64s-.873-.21-1.231-.64a1%201%200%200%200-1.538%201.28C9.904%2017.446%2010.877%2018%2012%2018s2.096-.554%202.769-1.36a1%201%200%200%200-.13-1.41M8.5%2010a1.5%201.5%200%201%200%200%203a1.5%201.5%200%200%200%200-3m7%200a1.5%201.5%200%201%200%200%203a1.5%201.5%200%200%200%200-3%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mingcute/baby-fill.svg?color=%231a73e8&size=48
