children icon

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

Name: children
Set: Font Awesome Solid
Style: Solid
Viewbox: 640×640
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 640"><path fill="currentColor" d="M160.5 64c35.3 0 64 28.7 64 64s-28.7 64-64 64s-64-28.7-64-64s28.7-64 64-64m-72 480v-80H70.7c-10.9 0-18.6-10.7-15.2-21.1l31.2-93.4L58 387.3c-10.7 14.1-30.8 16.8-44.8 6.2S-3.7 362.7 7 348.7L65.9 271c22.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.7-37.8l31.1 93.4c3.5 10.4-4.3 21.1-15.2 21.1h-17.8v80c0 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-32zm392-480c35.3 0 64 28.7 64 64s-28.7 64-64 64s-64-28.7-64-64s28.7-64 64-64m-8 384v96c0 17.7-14.3 32-32 32s-32-14.3-32-32V364.5L395.6 385c-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-12.9-20.5v179.5c0 17.7-14.3 32-32 32s-32-14.3-32-32v-96h-16z"/></svg>

React

import type { SVGProps } from "react";

export function Fa7SolidChildren(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M160.5 64c35.3 0 64 28.7 64 64s-28.7 64-64 64s-64-28.7-64-64s28.7-64 64-64m-72 480v-80H70.7c-10.9 0-18.6-10.7-15.2-21.1l31.2-93.4L58 387.3c-10.7 14.1-30.8 16.8-44.8 6.2S-3.7 362.7 7 348.7L65.9 271c22.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.7-37.8l31.1 93.4c3.5 10.4-4.3 21.1-15.2 21.1h-17.8v80c0 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-32zm392-480c35.3 0 64 28.7 64 64s-28.7 64-64 64s-64-28.7-64-64s28.7-64 64-64m-8 384v96c0 17.7-14.3 32-32 32s-32-14.3-32-32V364.5L395.6 385c-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-12.9-20.5v179.5c0 17.7-14.3 32-32 32s-32-14.3-32-32v-96h-16z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M160.5 64c35.3 0 64 28.7 64 64s-28.7 64-64 64s-64-28.7-64-64s28.7-64 64-64m-72 480v-80H70.7c-10.9 0-18.6-10.7-15.2-21.1l31.2-93.4L58 387.3c-10.7 14.1-30.8 16.8-44.8 6.2S-3.7 362.7 7 348.7L65.9 271c22.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.7-37.8l31.1 93.4c3.5 10.4-4.3 21.1-15.2 21.1h-17.8v80c0 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-32zm392-480c35.3 0 64 28.7 64 64s-28.7 64-64 64s-64-28.7-64-64s28.7-64 64-64m-8 384v96c0 17.7-14.3 32-32 32s-32-14.3-32-32V364.5L395.6 385c-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-12.9-20.5v179.5c0 17.7-14.3 32-32 32s-32-14.3-32-32v-96h-16z"/></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%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M160.5%2064c35.3%200%2064%2028.7%2064%2064s-28.7%2064-64%2064s-64-28.7-64-64s28.7-64%2064-64m-72%20480v-80H70.7c-10.9%200-18.6-10.7-15.2-21.1l31.2-93.4L58%20387.3c-10.7%2014.1-30.8%2016.8-44.8%206.2S-3.7%20362.7%207%20348.7L65.9%20271c22.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.7-37.8l31.1%2093.4c3.5%2010.4-4.3%2021.1-15.2%2021.1h-17.8v80c0%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-32zm392-480c35.3%200%2064%2028.7%2064%2064s-28.7%2064-64%2064s-64-28.7-64-64s28.7-64%2064-64m-8%20384v96c0%2017.7-14.3%2032-32%2032s-32-14.3-32-32V364.5L395.6%20385c-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-12.9-20.5v179.5c0%2017.7-14.3%2032-32%2032s-32-14.3-32-32v-96h-16z%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%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M160.5%2064c35.3%200%2064%2028.7%2064%2064s-28.7%2064-64%2064s-64-28.7-64-64s28.7-64%2064-64m-72%20480v-80H70.7c-10.9%200-18.6-10.7-15.2-21.1l31.2-93.4L58%20387.3c-10.7%2014.1-30.8%2016.8-44.8%206.2S-3.7%20362.7%207%20348.7L65.9%20271c22.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.7-37.8l31.1%2093.4c3.5%2010.4-4.3%2021.1-15.2%2021.1h-17.8v80c0%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-32zm392-480c35.3%200%2064%2028.7%2064%2064s-28.7%2064-64%2064s-64-28.7-64-64s28.7-64%2064-64m-8%20384v96c0%2017.7-14.3%2032-32%2032s-32-14.3-32-32V364.5L395.6%20385c-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-12.9-20.5v179.5c0%2017.7-14.3%2032-32%2032s-32-14.3-32-32v-96h-16z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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