baby icon

baby-fill from Phosphor by Phosphor Icons · Fill · MIT Free for personal and commercial use.

Name
baby-fill
Set
Phosphor
Style
Fill
Viewbox
256×256
License
MIT

5 other variants in Phosphor

babybaby-boldbaby-duotonebaby-lightbaby-thin

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 Iconsbaby-fillMingCute IconbabyMyna UI IconsbabyNoto EmojibabyOpenMojibabyTwitter Emoji

Related icons in Phosphor

baby-carriage

Use the baby icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M134.16 24.1a4 4 0 0 0-3.56 1.81C120.3 41.48 120 55.79 120 56a8 8 0 0 0 9.68 7.79a8.24 8.24 0 0 0 6.32-8.11a8 8 0 0 1 8.8-7.68a8.14 8.14 0 0 1 7.2 8.23a24 24 0 0 1-48-.27c0-.63.09-10.78 5.44-24a4 4 0 0 0-4.59-5.39a104.16 104.16 0 0 0-80.78 105.09C26 186.72 71.23 231 126.32 231.9a104 104 0 0 0 7.84-207.8M80 127.91a12 12 0 1 1 12 12a12 12 0 0 1-12-12m80.27 54.77a61 61 0 0 1-64.54 0a8 8 0 0 1 8.54-13.54a45 45 0 0 0 47.46 0a8 8 0 0 1 8.54 13.54m3.73-42.77a12 12 0 1 1 12-12a12 12 0 0 1-12 12"/></svg>

React

import type { SVGProps } from "react";

export function PhBabyFill(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M134.16 24.1a4 4 0 0 0-3.56 1.81C120.3 41.48 120 55.79 120 56a8 8 0 0 0 9.68 7.79a8.24 8.24 0 0 0 6.32-8.11a8 8 0 0 1 8.8-7.68a8.14 8.14 0 0 1 7.2 8.23a24 24 0 0 1-48-.27c0-.63.09-10.78 5.44-24a4 4 0 0 0-4.59-5.39a104.16 104.16 0 0 0-80.78 105.09C26 186.72 71.23 231 126.32 231.9a104 104 0 0 0 7.84-207.8M80 127.91a12 12 0 1 1 12 12a12 12 0 0 1-12-12m80.27 54.77a61 61 0 0 1-64.54 0a8 8 0 0 1 8.54-13.54a45 45 0 0 0 47.46 0a8 8 0 0 1 8.54 13.54m3.73-42.77a12 12 0 1 1 12-12a12 12 0 0 1-12 12"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M134.16 24.1a4 4 0 0 0-3.56 1.81C120.3 41.48 120 55.79 120 56a8 8 0 0 0 9.68 7.79a8.24 8.24 0 0 0 6.32-8.11a8 8 0 0 1 8.8-7.68a8.14 8.14 0 0 1 7.2 8.23a24 24 0 0 1-48-.27c0-.63.09-10.78 5.44-24a4 4 0 0 0-4.59-5.39a104.16 104.16 0 0 0-80.78 105.09C26 186.72 71.23 231 126.32 231.9a104 104 0 0 0 7.84-207.8M80 127.91a12 12 0 1 1 12 12a12 12 0 0 1-12-12m80.27 54.77a61 61 0 0 1-64.54 0a8 8 0 0 1 8.54-13.54a45 45 0 0 0 47.46 0a8 8 0 0 1 8.54 13.54m3.73-42.77a12 12 0 1 1 12-12a12 12 0 0 1-12 12"/></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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M134.16%2024.1a4%204%200%200%200-3.56%201.81C120.3%2041.48%20120%2055.79%20120%2056a8%208%200%200%200%209.68%207.79a8.24%208.24%200%200%200%206.32-8.11a8%208%200%200%201%208.8-7.68a8.14%208.14%200%200%201%207.2%208.23a24%2024%200%200%201-48-.27c0-.63.09-10.78%205.44-24a4%204%200%200%200-4.59-5.39a104.16%20104.16%200%200%200-80.78%20105.09C26%20186.72%2071.23%20231%20126.32%20231.9a104%20104%200%200%200%207.84-207.8M80%20127.91a12%2012%200%201%201%2012%2012a12%2012%200%200%201-12-12m80.27%2054.77a61%2061%200%200%201-64.54%200a8%208%200%200%201%208.54-13.54a45%2045%200%200%200%2047.46%200a8%208%200%200%201%208.54%2013.54m3.73-42.77a12%2012%200%201%201%2012-12a12%2012%200%200%201-12%2012%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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M134.16%2024.1a4%204%200%200%200-3.56%201.81C120.3%2041.48%20120%2055.79%20120%2056a8%208%200%200%200%209.68%207.79a8.24%208.24%200%200%200%206.32-8.11a8%208%200%200%201%208.8-7.68a8.14%208.14%200%200%201%207.2%208.23a24%2024%200%200%201-48-.27c0-.63.09-10.78%205.44-24a4%204%200%200%200-4.59-5.39a104.16%20104.16%200%200%200-80.78%20105.09C26%20186.72%2071.23%20231%20126.32%20231.9a104%20104%200%200%200%207.84-207.8M80%20127.91a12%2012%200%201%201%2012%2012a12%2012%200%200%201-12-12m80.27%2054.77a61%2061%200%200%201-64.54%200a8%208%200%200%201%208.54-13.54a45%2045%200%200%200%2047.46%200a8%208%200%200%201%208.54%2013.54m3.73-42.77a12%2012%200%201%201%2012-12a12%2012%200%200%201-12%2012%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/baby-fill.svg?color=%231a73e8&size=48