Add icons to this collection by clicking the heart icon.
Family icon - also known as people, child, boy, family, son, mother, kid, young, adult, parent, and motherhood. Created in a clean flat style with a gray, olive, teal, orange, and pink finish, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.
<svg
xmlns="http://www.w3.org/2000/svg"
width="512"
height="512"
viewBox="0 0 512 512"
>
<path fill="#f0c6a4" d="M256 488h-48v-96h48zM32 392h48v96H32z" />
<path
fill="#f7b030"
d="M256 328v64h-32v96H64v-96H32v-64a96 96 0 0 1 96-96h32a96 96 0 0 1 96 96z"
/>
<path fill="#f0c6a4" d="M112 224h64v56h-64z" />
<g fill="#e37e22">
<circle cx="160" cy="344" r="8" />
<circle cx="160" cy="392" r="8" />
<circle cx="160" cy="440" r="8" />
</g>
<path fill="#eba72e" d="M136 280h16v208h-16z" />
<path
fill="#e37e22"
d="M112.77 232s-6.708 48 31.23 48a26.574 26.574 0 0 1-24.926 16c-44.585 0-56.633-64-6.304-64zM175.23 232s6.708 48-31.23 48a26.574 26.574 0 0 0 24.926 16c44.585 0 56.633-64 6.304-64z"
/>
<circle cx="224" cy="64" r="40" fill="#734b39" />
<path
fill="#8c5237"
d="M248 136c0-61.856-48-112-104-112S40 74.144 40 136v24h208z"
/>
<path
fill="#f0c6a4"
d="M232 136h-24v24a24 24 0 1 0 24-24zM56 136a24 24 0 1 0 24 24v-24z"
/>
<path
fill="#eba72e"
d="M224 352a8 8 0 0 0-8 8v32h16v-32a8 8 0 0 0-8-8zM64 352a8 8 0 0 0-8 8v32h16v-32a8 8 0 0 0-8-8z"
/>
<path
fill="#f7cca9"
d="M224 136v32a80 80 0 0 1-160 0v-32c25.63-1.07 104-7.85 104-48 0 0 7.22 43.7 56 48z"
/>
<circle cx="112" cy="168" r="8" fill="#d49073" />
<circle cx="176" cy="168" r="8" fill="#d49073" />
<path
fill="#d49073"
d="M144 216c-18.772 0-28.6-9.285-29.657-10.343a8 8 0 0 1 11.314-11.314c.057.057 6.2 5.657 18.343 5.657s18.287-5.6 18.343-5.657a8 8 0 0 1 11.314 11.314C172.6 206.715 162.772 216 144 216z"
/>
<path
fill="#e37e22"
d="M464 280h-96v-32h96a16 16 0 0 1 16 16 16 16 0 0 1-16 16z"
/>
<path
fill="#f0c6a4"
d="M272 304v-24h-24a24 24 0 1 0 24 24zM424 280h-24v24a24 24 0 1 0 24-24z"
/>
<path
fill="#2d85cc"
d="M448 464v24H224v-24a96 96 0 0 1 96-96h32a96 96 0 0 1 96 96z"
/>
<circle cx="336" cy="384" r="40" fill="#f0c6a4" />
<rect width="160" height="192" x="256" y="200" fill="#f7cca9" rx="80" />
<circle cx="304" cy="312" r="8" fill="#d49073" />
<circle cx="368" cy="312" r="8" fill="#d49073" />
<path
fill="#d49073"
d="M336 360c-18.772 0-28.6-9.285-29.657-10.343a8 8 0 0 1 11.314-11.314c.057.057 6.2 5.657 18.343 5.657s18.287-5.6 18.343-5.657a8 8 0 0 1 11.314 11.314C364.6 350.715 354.772 360 336 360z"
/>
<path
fill="#f78a25"
d="M336 176a104 104 0 0 0-104 104h24s8-24 32-24h96c24 0 32 24 32 24h24a104 104 0 0 0-104-104z"
/>
<path
fill="#2978b8"
d="M416 464v24h-16v-24a8 8 0 0 1 16 0zM272 464v24h-16v-24a8 8 0 0 1 16 0z"
/>
<path
fill="#f7b030"
d="M336 224a24 24 0 0 1 24 24v8h-48v-8a24 24 0 0 1 24-24z"
/>
<path
fill="#e37e22"
d="M368 256h-16v-8a16 16 0 0 0-32 0v8h-16v-8a32 32 0 0 1 64 0z"
/>
<path
fill="#f7b030"
d="M256 280s8-24 32-24h96c24 0 32 24 32 24s-8 8-32 8a113.4 113.4 0 0 0-17.231-32s0 24-30.769 32c-30.769-8-30.769-32-30.769-32A113.4 113.4 0 0 0 288 288c-24 0-32-8-32-8z"
/>
<path
fill="#e37e22"
d="M424 280h-16.68c-2.47-5.09-9.39-16-23.32-16h-96c-13.91 0-20.84 10.88-23.32 16H248a7.973 7.973 0 0 1 .41-2.53c.4-1.2 10.16-29.47 39.59-29.47h96c29.43 0 39.19 28.27 39.59 29.47A7.973 7.973 0 0 1 424 280z"
/>
</svg>
More icons in the same style and category