Add icons to this collection by clicking the heart icon.
Family icon - also known as home, people, window, house, person, building, family, furniture and household, and architecture and city. Created in a clean lineal color style with a white, silver, black, yellow, 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="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<path
d="M0 0h-311.999v-40.001h360V0z"
transform="matrix(1.33333 0 0 -1.33333 517.33 562.663)"
fill="#fff"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0h-320.002l10-40.001H-10Z"
transform="matrix(1.33333 0 0 -1.33333 554.667 615.997)"
fill="#cfd3df"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0h239.996v-371.998h40.001V40.001H-40.001v-411.999H0Z"
transform="matrix(1.33333 0 0 -1.33333 181.335 66.665)"
fill="#fff"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M375.997 462.001H136.001V90.003h239.996z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#99ebfa"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M136.001 422h239.996v40.001H136.001Z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#cfd3df"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M375.997 422H136.001v-40.002h239.996z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#b6bccf"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M375.997 381.998H136.001v-40.001h239.996z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#cfd3df"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0c0 14.666-12 26.666-26.666 26.666-14.667 0-26.666-12-26.666-26.666v-13.334c0-4.019.9-7.838 2.511-11.264C-46.557-33.676-37.314-40-26.666-40c6.284 0 12.078 2.203 16.649 5.874C-3.92-29.228 0-21.717 0-13.334Z"
transform="translate(217.904 276.828)"
fill="#f2b394"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0c0 14.666-12 26.666-26.666 26.666S-53.332 14.666-53.332 0v-13.333c0-6.817 2.592-13.058 6.84-17.785C-41.602-36.563-34.516-40-26.666-40s14.936 3.437 19.826 8.882C-2.593-26.391 0-20.15 0-13.333z"
transform="translate(282.665 183.282)"
fill="#f2b394"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0c-4.891-5.444-11.977-8.882-19.826-8.882-7.85 0-14.936 3.438-19.825 8.883-15.825-7.488-26.841-23.627-26.841-42.214v-19.948H26.84v19.948C26.84-23.626 15.823-7.487 0 0"
transform="translate(275.825 152.164)"
fill="#cbe558"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0c4.571-3.672 10.365-5.874 16.649-5.874 11.426 0 21.234 7.282 25.01 17.436a26.448 26.448 0 0 1 1.656 9.23v13.334c0 14.666-11.999 26.666-26.666 26.666-14.666 0-26.666-12-26.666-26.666V20.792C-10.017 12.409-6.097 4.897 0 0"
transform="translate(304.11 242.702)"
fill="#f2b394"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0c0 18.587 11.017 34.726 26.839 42.213-4.247 4.726-6.84 10.968-6.84 17.784v33.548c0 16.392-8.568 30.878-21.444 39.207-4.572-3.672-10.366-5.875-16.65-5.875-10.648 0-19.889 6.324-24.156 15.402-15.283-7.635-30.958-30.319-31.081-48.519V-19.948H0Z"
transform="translate(209.333 109.951)"
fill="#00ccf2"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="m0 0-.001-13.334c0-6.816-2.592-13.057-6.839-17.784C8.983-38.605 20-54.744 20-73.331v-19.948h73.332V20.214c0 18.21-14.917 43.091-30.228 50.767-3.777-10.153-13.584-17.435-25.01-17.435-6.284 0-12.078 2.203-16.648 5.875C8.568 51.092 0 36.606 0 20.214Z"
transform="translate(282.665 183.282)"
fill="#ff5d7d"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0h-134.996v40.001h360V0H90"
transform="translate(210.995 50.002)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="2.613"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 9.567-38.271h300.002l9.489 37.954"
transform="translate(96.43 48.273)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="2.613"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v401.998h-319.998V0"
transform="translate(415.998 100.004)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="2.613"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v361.997h-239.996V0"
transform="translate(375.997 100.004)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="2.613"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v0c14.666 0 26.666-12 26.666-26.666V-40c0-14.666-12-26.666-26.666-26.666-14.667 0-26.666 12-26.666 26.666v13.334C-26.666-12-14.667 0 0 0Z"
transform="translate(255.999 209.948)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="22.926"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v16.947c0 18.237 10.604 34.115 25.948 41.781m41.497-.031c15.312-7.677 25.887-23.54 25.887-41.75V0"
transform="translate(209.333 93.003)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="22.926"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h.001c14.666 0 26.666-11.999 26.666-26.666v-13.333c0-14.667-12-26.666-26.666-26.666H0c-14.666 0-26.666 11.999-26.666 26.666v13.333C-26.666-11.999-14.666 0 0 0Z"
transform="translate(320.759 303.493)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="22.926"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v20.214c0 16.392 8.569 30.879 21.446 39.208m41.658 11.559c15.311-7.676 30.228-32.557 30.228-50.767"
transform="translate(282.665 183.282)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="22.926"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v0c14.667 0 26.667-11.999 26.667-26.666v-13.333c0-14.667-12-26.666-26.667-26.666-14.667 0-26.666 11.999-26.666 26.666v13.333C-26.666-11.999-14.667 0 0 0Z"
transform="translate(191.238 303.493)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="22.926"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0 18.236 15.738 41.068 31.082 48.734m40.804-9.526C84.763 30.878 93.332 16.392 93.332 0v-20.214"
transform="translate(136.001 203.496)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="22.926"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h230.006"
transform="translate(140.996 422)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="2.613"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h230.006"
transform="translate(140.996 381.998)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="2.613"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h230.006"
transform="translate(140.996 341.997)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="2.613"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-22.045"
transform="translate(255.999 339.622)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="2.613"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h.008"
transform="translate(255.991 50.002)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="2.613"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category