baby icon
baby-line from MingCute Icon by MingCute Design · Line · Apache-2.0 Free for personal and commercial use.
- Name
- baby-line
- Set
- MingCute Icon
- Style
- Line
- 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="M9 11.5a.5.5 0 1 1-1 0a.5.5 0 0 1 1 0m7 0a.5.5 0 1 1-1 0a.5.5 0 0 1 1 0"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="2" d="M12 3a9 9 0 1 0 0 18a9 9 0 0 0 0-18Zm0 0a2 2 0 1 1-1.323 3.5M10 16c.515.619 1.221 1 2 1s1.485-.381 2-1m-5-4.5a.5.5 0 1 1-1 0a.5.5 0 0 1 1 0Zm7 0a.5.5 0 1 1-1 0a.5.5 0 0 1 1 0Z"/></svg>
React
import type { SVGProps } from "react";
export function MingcuteBabyLine(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="M9 11.5a.5.5 0 1 1-1 0a.5.5 0 0 1 1 0m7 0a.5.5 0 1 1-1 0a.5.5 0 0 1 1 0"/><path fill="none" stroke="currentColor" strokeLinecap="round" strokeWidth="2" d="M12 3a9 9 0 1 0 0 18a9 9 0 0 0 0-18Zm0 0a2 2 0 1 1-1.323 3.5M10 16c.515.619 1.221 1 2 1s1.485-.381 2-1m-5-4.5a.5.5 0 1 1-1 0a.5.5 0 0 1 1 0Zm7 0a.5.5 0 1 1-1 0a.5.5 0 0 1 1 0Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M9 11.5a.5.5 0 1 1-1 0a.5.5 0 0 1 1 0m7 0a.5.5 0 1 1-1 0a.5.5 0 0 1 1 0"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="2" d="M12 3a9 9 0 1 0 0 18a9 9 0 0 0 0-18Zm0 0a2 2 0 1 1-1.323 3.5M10 16c.515.619 1.221 1 2 1s1.485-.381 2-1m-5-4.5a.5.5 0 1 1-1 0a.5.5 0 0 1 1 0Zm7 0a.5.5 0 1 1-1 0a.5.5 0 0 1 1 0Z"/></svg> </template>
CSS
.icon-baby-line {
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%22M9%2011.5a.5.5%200%201%201-1%200a.5.5%200%200%201%201%200m7%200a.5.5%200%201%201-1%200a.5.5%200%200%201%201%200%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M12%203a9%209%200%201%200%200%2018a9%209%200%200%200%200-18Zm0%200a2%202%200%201%201-1.323%203.5M10%2016c.515.619%201.221%201%202%201s1.485-.381%202-1m-5-4.5a.5.5%200%201%201-1%200a.5.5%200%200%201%201%200Zm7%200a.5.5%200%201%201-1%200a.5.5%200%200%201%201%200Z%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%22M9%2011.5a.5.5%200%201%201-1%200a.5.5%200%200%201%201%200m7%200a.5.5%200%201%201-1%200a.5.5%200%200%201%201%200%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M12%203a9%209%200%201%200%200%2018a9%209%200%200%200%200-18Zm0%200a2%202%200%201%201-1.323%203.5M10%2016c.515.619%201.221%201%202%201s1.485-.381%202-1m-5-4.5a.5.5%200%201%201-1%200a.5.5%200%200%201%201%200Zm7%200a.5.5%200%201%201-1%200a.5.5%200%200%201%201%200Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mingcute/baby-line.svg?color=%231a73e8&size=48
