baby icon

baby from Font Awesome 6 Solid by Dave Gandy · Regular · Childhood · CC-BY-4.0 Attribution required.

Name
baby
Set
Font Awesome 6 Solid
Style
Regular
Category
Childhood
Viewbox
448×512
License
CC BY 4.0

The same icon in other sets

babyEmoji One (Colored)babyFont Awesome SolidbabyFluent EmojibabyFluent Emoji FlatbabyFluent Emoji High ContrastbabyFirefox OS EmojibabyIconParkbabyIconPark OutlinebabyIconPark SolidbabyIconPark TwoTonebabyLine AwesomebabyLucidebabyMaterial Design Iconsbaby-fillMingCute IconbabyMyna UI IconsbabyNoto EmojibabyOpenMojibabyPhosphorbabyTwitter Emoji

More childhood icons from Font Awesome 6 Solid

baby-carriagebathcookiecookie-bitegamepadice-creammittenrobotshapessnowman

Use the baby icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 448 512"><path fill="currentColor" d="M152 88a72 72 0 1 1 144 0a72 72 0 1 1-144 0M39.7 144.5c13-17.9 38-21.8 55.9-8.8l36.2 26.3c26.8 19.5 59.1 30 92.2 30s65.4-10.5 92.2-30l36.2-26.4c17.9-13 42.9-9 55.9 8.8s9 42.9-8.8 55.9l-36.2 26.4c-13.6 9.9-28.1 18.2-43.3 25V288H128v-36.3c-15.2-6.7-29.7-15.1-43.3-25l-36.2-26.4c-17.9-13-21.8-38-8.8-55.9zm89.8 184.8l60.6 53l-26 37.2l24.3 24.3c15.6 15.6 15.6 40.9 0 56.6s-40.9 15.6-56.6 0l-48-48C70 438.6 68.1 417 79.2 401.1l50.2-71.8zm128.5 53l60.6-53l50.2 71.8c11.1 15.9 9.2 37.5-4.5 51.2l-48 48c-15.6 15.6-40.9 15.6-56.6 0s-15.6-40.9 0-56.6l24.3-24.3l-26-37.2z"/></svg>

React

import type { SVGProps } from "react";

export function Fa6SolidBaby(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 448 512"><path fill="currentColor" d="M152 88a72 72 0 1 1 144 0a72 72 0 1 1-144 0M39.7 144.5c13-17.9 38-21.8 55.9-8.8l36.2 26.3c26.8 19.5 59.1 30 92.2 30s65.4-10.5 92.2-30l36.2-26.4c17.9-13 42.9-9 55.9 8.8s9 42.9-8.8 55.9l-36.2 26.4c-13.6 9.9-28.1 18.2-43.3 25V288H128v-36.3c-15.2-6.7-29.7-15.1-43.3-25l-36.2-26.4c-17.9-13-21.8-38-8.8-55.9zm89.8 184.8l60.6 53l-26 37.2l24.3 24.3c15.6 15.6 15.6 40.9 0 56.6s-40.9 15.6-56.6 0l-48-48C70 438.6 68.1 417 79.2 401.1l50.2-71.8zm128.5 53l60.6-53l50.2 71.8c11.1 15.9 9.2 37.5-4.5 51.2l-48 48c-15.6 15.6-40.9 15.6-56.6 0s-15.6-40.9 0-56.6l24.3-24.3l-26-37.2z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 448 512"><path fill="currentColor" d="M152 88a72 72 0 1 1 144 0a72 72 0 1 1-144 0M39.7 144.5c13-17.9 38-21.8 55.9-8.8l36.2 26.3c26.8 19.5 59.1 30 92.2 30s65.4-10.5 92.2-30l36.2-26.4c17.9-13 42.9-9 55.9 8.8s9 42.9-8.8 55.9l-36.2 26.4c-13.6 9.9-28.1 18.2-43.3 25V288H128v-36.3c-15.2-6.7-29.7-15.1-43.3-25l-36.2-26.4c-17.9-13-21.8-38-8.8-55.9zm89.8 184.8l60.6 53l-26 37.2l24.3 24.3c15.6 15.6 15.6 40.9 0 56.6s-40.9 15.6-56.6 0l-48-48C70 438.6 68.1 417 79.2 401.1l50.2-71.8zm128.5 53l60.6-53l50.2 71.8c11.1 15.9 9.2 37.5-4.5 51.2l-48 48c-15.6 15.6-40.9 15.6-56.6 0s-15.6-40.9 0-56.6l24.3-24.3l-26-37.2z"/></svg>
</template>

CSS

.icon-baby {
  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%20448%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M152%2088a72%2072%200%201%201%20144%200a72%2072%200%201%201-144%200M39.7%20144.5c13-17.9%2038-21.8%2055.9-8.8l36.2%2026.3c26.8%2019.5%2059.1%2030%2092.2%2030s65.4-10.5%2092.2-30l36.2-26.4c17.9-13%2042.9-9%2055.9%208.8s9%2042.9-8.8%2055.9l-36.2%2026.4c-13.6%209.9-28.1%2018.2-43.3%2025V288H128v-36.3c-15.2-6.7-29.7-15.1-43.3-25l-36.2-26.4c-17.9-13-21.8-38-8.8-55.9zm89.8%20184.8l60.6%2053l-26%2037.2l24.3%2024.3c15.6%2015.6%2015.6%2040.9%200%2056.6s-40.9%2015.6-56.6%200l-48-48C70%20438.6%2068.1%20417%2079.2%20401.1l50.2-71.8zm128.5%2053l60.6-53l50.2%2071.8c11.1%2015.9%209.2%2037.5-4.5%2051.2l-48%2048c-15.6%2015.6-40.9%2015.6-56.6%200s-15.6-40.9%200-56.6l24.3-24.3l-26-37.2z%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%20448%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M152%2088a72%2072%200%201%201%20144%200a72%2072%200%201%201-144%200M39.7%20144.5c13-17.9%2038-21.8%2055.9-8.8l36.2%2026.3c26.8%2019.5%2059.1%2030%2092.2%2030s65.4-10.5%2092.2-30l36.2-26.4c17.9-13%2042.9-9%2055.9%208.8s9%2042.9-8.8%2055.9l-36.2%2026.4c-13.6%209.9-28.1%2018.2-43.3%2025V288H128v-36.3c-15.2-6.7-29.7-15.1-43.3-25l-36.2-26.4c-17.9-13-21.8-38-8.8-55.9zm89.8%20184.8l60.6%2053l-26%2037.2l24.3%2024.3c15.6%2015.6%2015.6%2040.9%200%2056.6s-40.9%2015.6-56.6%200l-48-48C70%20438.6%2068.1%20417%2079.2%20401.1l50.2-71.8zm128.5%2053l60.6-53l50.2%2071.8c11.1%2015.9%209.2%2037.5-4.5%2051.2l-48%2048c-15.6%2015.6-40.9%2015.6-56.6%200s-15.6-40.9%200-56.6l24.3-24.3l-26-37.2z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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