children icon

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

Name: children
Set: Font Awesome 6 Solid
Style: Regular
Viewbox: 640×512
License: CC BY 4.0

The same icon in other sets

Use the children icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 512"><path fill="currentColor" d="M160 0a64 64 0 1 1 0 128a64 64 0 1 1 0-128M88 480v-80H70.2c-10.9 0-18.6-10.7-15.2-21.1l31.1-93.4l-28.6 37.8c-10.7 14.1-30.8 16.8-44.8 6.2s-16.8-30.7-6.2-44.8L65.4 207c22.4-29.6 57.5-47 94.6-47s72.2 17.4 94.6 47l58.9 77.7c10.7 14.1 7.9 34.2-6.2 44.8s-34.2 7.9-44.8-6.2l-28.6-37.8l31.1 93.4c3.5 10.4-4.3 21.1-15.2 21.1H232v80c0 17.7-14.3 32-32 32s-32-14.3-32-32v-80h-16v80c0 17.7-14.3 32-32 32s-32-14.3-32-32M480 0a64 64 0 1 1 0 128a64 64 0 1 1 0-128m-8 384v96c0 17.7-14.3 32-32 32s-32-14.3-32-32V300.5L395.1 321c-9.4 15-29.2 19.4-44.1 10s-19.4-29.2-10-44.1l51.7-82.1c17.6-27.9 48.3-44.9 81.2-44.9h12.3c33 0 63.7 16.9 81.2 44.9l51.7 82.2c9.4 15 4.9 34.7-10 44.1s-34.7 4.9-44.1-10l-13-20.6V480c0 17.7-14.3 32-32 32s-32-14.3-32-32v-96z"/></svg>

React

import type { SVGProps } from "react";

export function Fa6SolidChildren(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 512"><path fill="currentColor" d="M160 0a64 64 0 1 1 0 128a64 64 0 1 1 0-128M88 480v-80H70.2c-10.9 0-18.6-10.7-15.2-21.1l31.1-93.4l-28.6 37.8c-10.7 14.1-30.8 16.8-44.8 6.2s-16.8-30.7-6.2-44.8L65.4 207c22.4-29.6 57.5-47 94.6-47s72.2 17.4 94.6 47l58.9 77.7c10.7 14.1 7.9 34.2-6.2 44.8s-34.2 7.9-44.8-6.2l-28.6-37.8l31.1 93.4c3.5 10.4-4.3 21.1-15.2 21.1H232v80c0 17.7-14.3 32-32 32s-32-14.3-32-32v-80h-16v80c0 17.7-14.3 32-32 32s-32-14.3-32-32M480 0a64 64 0 1 1 0 128a64 64 0 1 1 0-128m-8 384v96c0 17.7-14.3 32-32 32s-32-14.3-32-32V300.5L395.1 321c-9.4 15-29.2 19.4-44.1 10s-19.4-29.2-10-44.1l51.7-82.1c17.6-27.9 48.3-44.9 81.2-44.9h12.3c33 0 63.7 16.9 81.2 44.9l51.7 82.2c9.4 15 4.9 34.7-10 44.1s-34.7 4.9-44.1-10l-13-20.6V480c0 17.7-14.3 32-32 32s-32-14.3-32-32v-96z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 512"><path fill="currentColor" d="M160 0a64 64 0 1 1 0 128a64 64 0 1 1 0-128M88 480v-80H70.2c-10.9 0-18.6-10.7-15.2-21.1l31.1-93.4l-28.6 37.8c-10.7 14.1-30.8 16.8-44.8 6.2s-16.8-30.7-6.2-44.8L65.4 207c22.4-29.6 57.5-47 94.6-47s72.2 17.4 94.6 47l58.9 77.7c10.7 14.1 7.9 34.2-6.2 44.8s-34.2 7.9-44.8-6.2l-28.6-37.8l31.1 93.4c3.5 10.4-4.3 21.1-15.2 21.1H232v80c0 17.7-14.3 32-32 32s-32-14.3-32-32v-80h-16v80c0 17.7-14.3 32-32 32s-32-14.3-32-32M480 0a64 64 0 1 1 0 128a64 64 0 1 1 0-128m-8 384v96c0 17.7-14.3 32-32 32s-32-14.3-32-32V300.5L395.1 321c-9.4 15-29.2 19.4-44.1 10s-19.4-29.2-10-44.1l51.7-82.1c17.6-27.9 48.3-44.9 81.2-44.9h12.3c33 0 63.7 16.9 81.2 44.9l51.7 82.2c9.4 15 4.9 34.7-10 44.1s-34.7 4.9-44.1-10l-13-20.6V480c0 17.7-14.3 32-32 32s-32-14.3-32-32v-96z"/></svg>
</template>

CSS

.icon-children {
  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%20640%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M160%200a64%2064%200%201%201%200%20128a64%2064%200%201%201%200-128M88%20480v-80H70.2c-10.9%200-18.6-10.7-15.2-21.1l31.1-93.4l-28.6%2037.8c-10.7%2014.1-30.8%2016.8-44.8%206.2s-16.8-30.7-6.2-44.8L65.4%20207c22.4-29.6%2057.5-47%2094.6-47s72.2%2017.4%2094.6%2047l58.9%2077.7c10.7%2014.1%207.9%2034.2-6.2%2044.8s-34.2%207.9-44.8-6.2l-28.6-37.8l31.1%2093.4c3.5%2010.4-4.3%2021.1-15.2%2021.1H232v80c0%2017.7-14.3%2032-32%2032s-32-14.3-32-32v-80h-16v80c0%2017.7-14.3%2032-32%2032s-32-14.3-32-32M480%200a64%2064%200%201%201%200%20128a64%2064%200%201%201%200-128m-8%20384v96c0%2017.7-14.3%2032-32%2032s-32-14.3-32-32V300.5L395.1%20321c-9.4%2015-29.2%2019.4-44.1%2010s-19.4-29.2-10-44.1l51.7-82.1c17.6-27.9%2048.3-44.9%2081.2-44.9h12.3c33%200%2063.7%2016.9%2081.2%2044.9l51.7%2082.2c9.4%2015%204.9%2034.7-10%2044.1s-34.7%204.9-44.1-10l-13-20.6V480c0%2017.7-14.3%2032-32%2032s-32-14.3-32-32v-96z%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%20640%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M160%200a64%2064%200%201%201%200%20128a64%2064%200%201%201%200-128M88%20480v-80H70.2c-10.9%200-18.6-10.7-15.2-21.1l31.1-93.4l-28.6%2037.8c-10.7%2014.1-30.8%2016.8-44.8%206.2s-16.8-30.7-6.2-44.8L65.4%20207c22.4-29.6%2057.5-47%2094.6-47s72.2%2017.4%2094.6%2047l58.9%2077.7c10.7%2014.1%207.9%2034.2-6.2%2044.8s-34.2%207.9-44.8-6.2l-28.6-37.8l31.1%2093.4c3.5%2010.4-4.3%2021.1-15.2%2021.1H232v80c0%2017.7-14.3%2032-32%2032s-32-14.3-32-32v-80h-16v80c0%2017.7-14.3%2032-32%2032s-32-14.3-32-32M480%200a64%2064%200%201%201%200%20128a64%2064%200%201%201%200-128m-8%20384v96c0%2017.7-14.3%2032-32%2032s-32-14.3-32-32V300.5L395.1%20321c-9.4%2015-29.2%2019.4-44.1%2010s-19.4-29.2-10-44.1l51.7-82.1c17.6-27.9%2048.3-44.9%2081.2-44.9h12.3c33%200%2063.7%2016.9%2081.2%2044.9l51.7%2082.2c9.4%2015%204.9%2034.7-10%2044.1s-34.7%204.9-44.1-10l-13-20.6V480c0%2017.7-14.3%2032-32%2032s-32-14.3-32-32v-96z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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