Add icons to this collection by clicking the heart icon.
Family icon - also known as ball, people, love, playing, family, humanpictos, grandmother, nephew, and grandma. Created in a clean lineal color style, 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="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0v-84.873l45 30c8.964 4.993 15 14.315 15 25V0Z"
transform="translate(394.598 304.373)"
fill="#ff4996"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-30l-4.986-59.835C-14.978-58.656 4.695-50.432 20-35.127V-20C20-8.954 11.046 0 0 0"
transform="translate(434.598 339.5)"
fill="#9db55f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-29.873c0-10.685 6.036-20.007 15-25l45-30 15 30c8.964 4.993 15 14.315 15 25v10.492z"
transform="translate(334.598 304.373)"
fill="#ff6b8a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v34.508c0 11.046-8.954 20-20 20h-50c-11.045 0-20-8.954-20-20V19.381C-65.644-4.976-30.232-11.42 0 0"
transform="translate(424.598 284.992)"
fill="#b9d171"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-35l20-90h30v50.335C15-24.455 9.329-10.576 0 0"
transform="translate(439.598 249.5)"
fill="#85453d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 15.21-5.671 29.089-15 39.665h-60C-84.329 29.089-90 15.21-90 0v-50.335H0Z"
transform="translate(424.598 209.835)"
fill="#a45e43"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-90c24.853 0 45 20.147 45 45z"
transform="translate(394.598 459.5)"
fill="#e18f4e"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-45-45c0-24.853 20.147-45 45-45 8.284 0 15 20.147 15 45S8.284 0 0 0"
transform="translate(394.598 459.5)"
fill="#ffa754"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-24.853 0-45-20.147-45-45C-20.147-45 0-24.853 0 0"
transform="translate(394.598 459.5)"
fill="#ebebeb"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 24.853-20.147 45-45 45C-45 20.147-24.853 0 0 0"
transform="translate(439.598 414.5)"
fill="#ccc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h30c8.284 0 15 6.716 15 15 0 16.568-13.432 30-30 30-16.569 0-30-13.432-30-30C-15 6.716-8.285 0 0 0"
transform="translate(379.598 459.5)"
fill="#ebebeb"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-75c20.71 0 37.5 16.79 37.5 37.5C37.5-16.789 20.71 0 0 0"
transform="translate(278.5 82.5)"
fill="#ffa754"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 20.711-3.358 37.5-7.5 37.5C-28.211 37.5-45 20.711-45 0c0-20.71 16.789-37.5 37.5-37.5C-3.358-37.5 0-20.71 0 0"
transform="translate(286 45)"
fill="#ffcb63"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-90c24.853 0 45 20.147 45 45z"
transform="translate(162.402 234.515)"
fill="#9db55f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-15 45-45-45c0-24.853 20.147-45 45-45C-6.716-45 0-24.853 0 0"
transform="translate(177.402 189.515)"
fill="#b9d171"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-30l20-95h30v75C20-8.955 11.046 0 0 0"
transform="translate(187.402 284.515)"
fill="#ff1b7c"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-20c-11.045 0-20-8.955-20-20v-75h60v75C20-8.955 11.046 0 0 0"
transform="translate(157.402 284.515)"
fill="#ff4996"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-28.284v-79.992c24.853 0 45 20.147 45 45C16.716-20.856 10.194-8.25 0 0"
transform="translate(190.685 394.507)"
fill="#e18f4e"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-41.984 16.678c-10.194-8.25-16.717-20.857-16.717-34.992 0-24.853 20.147-45 45-45 8.284 0 15 20.147 15 45C1.299-11.79.833-5.596 0 0"
transform="translate(176.103 377.83)"
fill="#ffa754"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-26.686h13.701a30.082 30.082 0 0 1 14.583 16.678C20.555-3.753 10.718 0 0 0"
transform="translate(162.402 404.515)"
fill="#60312c"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-10.717 0-20.554-3.753-28.283-10.008C-24.162-21.654-13.058-30 0-30c4.938 0 9.593 1.201 13.701 3.314C11.362-10.964 6.109 0 0 0"
transform="translate(162.402 404.515)"
fill="#85453d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v30l-39.904 59.414A29.997 29.997 0 0 0-45 106.14V152"
transform="translate(469.598 7.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-142l-30-10"
transform="translate(364.598 159.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v45c0 11.046-8.954 20-20 20h-80c-11.045 0-20-8.954-20-20V0c0-10.685 6.036-20.007 15-25-9.329-10.576-15-24.455-15-39.665V-115H0v50.335C0-49.455-5.671-35.576-15-25-6.036-20.007 0-10.685 0 0z"
transform="translate(454.598 274.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-90"
transform="translate(439.598 249.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-30c-8.284 0-15 6.716-15 15 0 8.284 6.716 15 15 15h60"
transform="translate(304.598 289.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0 8.284 6.715 15 15 15 8.284 0 15-6.716 15-15v-210"
transform="translate(274.598 369.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c-24.853 0-45 20.147-45 45 0-24.853-20.147-45-45-45"
transform="translate(439.598 414.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-24.853-20.147-45-45-45S-90-24.853-90 0s20.147 45 45 45S0 24.853 0 0Z"
transform="translate(439.598 414.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h30c8.284 0 15 6.716 15 15 0 16.568-13.432 30-30 30-16.569 0-30-13.432-30-30C-15 6.716-8.285 0 0 0Z"
transform="translate(379.598 459.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-20.71-16.79-37.5-37.5-37.5C-58.211-37.5-75-20.71-75 0c0 20.711 16.789 37.5 37.5 37.5C-16.79 37.5 0 20.711 0 0Z"
transform="translate(316 45)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c-41.421 0-75 33.579-75 75"
transform="translate(117.402 264.515)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h90"
transform="translate(117.402 189.515)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 9.487 28.46h54.57c8.284 0 15 6.716 15 15v54.468"
transform="translate(53.345 58.055)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h50c11.046 0 20-8.955 20-20v-75c0-24.853-20.147-45-45-45s-45 20.147-45 45v75C-20-8.955-11.045 0 0 0z"
transform="translate(137.402 284.515)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-30 10v138.468"
transform="translate(222.402 7.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-24.853-20.147-45-45-45S-90-24.853-90 0s20.147 45 45 45S0 24.853 0 0Z"
transform="translate(207.402 359.515)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c4.121-11.646 15.225-19.992 28.283-19.992 13.058 0 24.162 8.346 28.284 19.992"
transform="translate(134.119 394.507)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c33.164-33.164 86.836-33.164 120 0"
transform="translate(334.598 304.373)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category