Add icons to this collection by clicking the heart icon.
Family icon - also known as people, calendar, celebration, family, baby, event, parents, kid and baby, and global day of parents. Created in a clean lineal color style with a white, gray, black, red, olive, 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 513.75 513.75"
>
<path
d="M187.5 263.375v-70c0-11.046-8.954-20-20-20h-30v90l35 90h30V303.04c0-15.211-5.671-29.09-15-39.665z"
fill="#ffa754"
/>
<path
d="M157.5 263.375v-70c0-11.046-8.954-20-20-20h-20c-11.046 0-20 8.954-20 20v70c-9.329 10.575-15 24.454-15 39.665v50.335h90V303.04c0-15.211-5.671-29.09-15-39.665z"
fill="#ffcb63"
/>
<path
d="M142.5 53.375c24.853 0 45-20.147 45-45-24.853 0-45 20.147-45 45z"
fill="#ff4128"
/>
<path
d="M97.5 8.375c0 24.853 20.147 45 45 45 0-24.853-20.147-45-45-45z"
fill="#ff6b8a"
/>
<path
d="M142.5 53.375v90c24.853 0 45-20.147 45-45s-20.147-45-45-45z"
fill="#85453d"
/>
<path
d="M157.5 98.375c0-24.853-6.716-45-15-45-24.853 0-45 20.147-45 45s20.147 45 45 45c8.284 0 15-20.147 15-45z"
fill="#a45e43"
/>
<circle cx="97.5" cy="113.375" r="15" fill="#fff0d3" />
<circle cx="187.5" cy="113.375" r="15" fill="#ebebeb" />
<path
d="M7.5 188.375v60c0 16.57 13.43 30 30 30 16.569 0 30-13.431 30-30l-60-60z"
fill="#ebebeb"
/>
<path d="M7.5 173.375v15c0 33.137 26.863 60 60 60v-75h-60z" fill="#fff" />
<path
d="m37.5 143.375 15 30-15 30c-16.569 0-30-13.431-30-30s13.432-30 30-30z"
fill="#a45e43"
/>
<path
d="M67.5 173.375c0 16.569-13.431 30-30 30v-60c16.569 0 30 13.432 30 30z"
fill="#85453d"
/>
<path
d="M292.5 53.375v90c24.853 0 45-20.147 45-45s-20.147-45-45-45z"
fill="#ffd9d4"
/>
<path
d="M307.5 98.375c0-24.853-6.716-45-15-45-24.853 0-45 20.147-45 45s20.147 45 45 45c8.284 0 15-20.147 15-45z"
fill="#fff0d3"
/>
<path
d="m292.5 8.375-45 90h90v-45c0-24.853-20.147-45-45-45z"
fill="#ff4128"
/>
<path
d="M247.5 53.375v45h45v-90c-24.853 0-45 20.147-45 45z"
fill="#ff6b8a"
/>
<path
d="M292.5 53.375v90c24.853 0 45-20.147 45-45s-20.147-45-45-45z"
fill="#ff8d7e"
/>
<path
d="M307.5 98.375c0-24.853-6.716-45-15-45-24.853 0-45 20.147-45 45s20.147 45 45 45c8.284 0 15-20.147 15-45z"
fill="#ffb4a9"
/>
<path
d="M247.5 293.375v45c0 8.28 6.72 15 15 15s15-6.72 15-15v-2.571c4.693 1.659 9.739 2.571 15 2.571s10.307-.912 15-2.571l20-72.429-80 30z"
fill="gray"
/>
<path
d="M307.5 263.375v75c0 8.284 6.716 15 15 15s15-6.716 15-15v-45l-30-30z"
fill="#696969"
/>
<path
d="M337.5 248.344c8.964-4.993 15-14.315 15-25v-30c0-10.842-8.632-19.647-19.396-19.969H322.5l-45 75s60 0 60-.031z"
fill="#ff8d7e"
/>
<path
d="M247.5 248.344c-8.964-4.993-15-14.315-15-25v-30c0-10.842 8.632-19.647 19.396-19.969H262.5l45 75s-60 0-60-.031z"
fill="#ffb4a9"
/>
<path
d="M322.5 233.375v-10.57h-45l30 70.57h30v-45c-8.284 0-15-6.716-15-15z"
fill="#ebebeb"
/>
<path
d="M262.5 173.375v60c0 8.284-6.716 15-15 15v45h60v-45c8.964-4.993 15-14.315 15-25v-50h-60z"
fill="#fff"
/>
<path d="M506.25 293.375h-30l-30-60 30-60h30z" fill="#ebebeb" />
<path d="M386.25 173.375h90v120h-90z" fill="#fff" />
<path
d="M67.5 173.375c0 16.569-13.431 30-30 30s-30-13.431-30-30"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path
d="M67.5 248.375c-33.137 0-60-26.863-60-60"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path
d="M37.5 143.375c-16.569 0-30 13.431-30 30v75c0 16.569 13.431 30 30 30s30-13.431 30-30v-75c0-16.568-13.431-30-30-30zM106.489 125.362c8.209 10.937 21.283 18.013 36.011 18.013s27.801-7.076 36.01-18.013M187.5 98.375c0-24.853-20.147-45-45-45s-45 20.147-45 45"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<circle
cx="97.5"
cy="113.375"
r="15"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<circle
cx="187.5"
cy="113.375"
r="15"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path
d="M97.5 8.375c0 24.853 20.147 45 45 45s45-20.147 45-45c-24.853 0-45 20.147-45 45 0-24.853-20.147-45-45-45zM187.5 263.375v-70c0-11.046-8.954-20-20-20h-50c-11.046 0-20 8.954-20 20v70c-9.329 10.575-15 24.454-15 39.665v50.335h120V303.04c0-15.211-5.671-29.09-15-39.665zM172.5 353.375v142l30 10M112.5 353.375v142l-30 10"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<circle
cx="292.5"
cy="98.375"
r="45"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path
d="M337.5 98.375v-45c0-24.853-20.147-45-45-45s-45 20.147-45 45v45M337.5 293.375h-90M352.5 505.375l-30-10v-142M262.5 353.375v142l-30 10M247.5 248.375c8.284 0 15-6.716 15-15v-60M337.5 248.375c-8.284 0-15-6.716-15-15v-60"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path
d="M332.5 173.375h-80c-11.045 0-20 8.954-20 20v30c0 10.685 6.036 20.007 15 25v90c0 8.28 6.72 15 15 15s15-6.72 15-15v-2.571c4.693 1.659 9.739 2.571 15 2.571s10.307-.912 15-2.571v2.571c0 8.284 6.716 15 15 15 8.284 0 15-6.716 15-15v-90c8.964-4.993 15-14.315 15-25v-30c0-11.046-8.954-20-20-20z"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path
d="M476.25 233.375h0M476.25 203.375h0"
fill="none"
stroke="#ff4128"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path
d="M416.25 203.375h0M446.25 233.375h0M416.25 263.375h0M446.25 263.375h0M416.25 233.375h0M446.25 203.375h0M386.25 173.375h120v120h-120zM461.25 173.375v-15M491.25 173.375v-15M431.25 173.375v-15M401.25 173.375v-15"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
</svg>
More icons in the same style and category