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, 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="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="M49.999 50.001H462v412.001H49.999Z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#99ebfa"
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="M502 502.002H9.999V10.001H502Zm-452.001-40V50.001H462v412.001zm0-166.499-.004-.001.004.001m412.001.001.005-.002-.005.002"
fill="#d1a184"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0c34.923 14.722 60.478 83.739 61.098 165.014l.022 1.484H0Z"
transform="translate(49.999 295.504)"
fill="#e8eaf0"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0c-.62-81.274-26.174-150.292-61.098-165.015C8.019-150.295 58.593-81.276 59.82 0v1.484H.022Z"
transform="translate(111.097 460.518)"
fill="#fff"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0c.81-26.976 38.665-48.598 85.083-48.598 46.419 0 84.274 21.622 85.084 48.598v1.484H0Z"
transform="translate(170.917 460.518)"
fill="#e8eaf0"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0c-46.419 0-84.273 21.622-85.083 48.598.81-53.683 38.664-96.71 85.083-96.71 46.418 0 84.273 43.027 85.083 96.71C84.273 21.622 46.418 0 0 0"
transform="translate(256 411.92)"
fill="#fff"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0c1.227-81.276 51.801-150.295 120.917-165.014C85.994-150.292 60.439-81.274 59.82 0v1.484H0Z"
transform="translate(341.084 460.518)"
fill="#fff"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0c.62-81.274 26.174-150.292 61.097-165.014V1.484H0Z"
transform="translate(400.903 460.518)"
fill="#e8eaf0"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0c0 17.153-14.034 31.187-31.187 31.187-17.152 0-31.186-14.034-31.186-31.187v-15.593c0-7.972 3.032-15.271 7.999-20.8 5.72-6.367 14.007-10.386 23.187-10.386 9.181 0 17.468 4.019 23.188 10.386C-3.032-30.864 0-23.565 0-15.593z"
transform="translate(186.86 265.919)"
fill="#f2b394"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0c-5.72-6.367-14.007-10.387-23.187-10.387-9.182 0-17.468 4.02-23.187 10.388-18.507-8.758-31.39-27.633-31.39-49.371v-130.155H31.39V-49.37C31.39-27.632 18.506-8.757 0 0"
transform="translate(178.86 229.526)"
fill="#ffc144"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0c0 17.153-14.034 31.187-31.187 31.187-17.152 0-31.186-14.034-31.186-31.187v-15.593c0-7.972 3.032-15.271 7.999-20.8 5.72-6.367 14.007-10.386 23.187-10.386 9.181 0 17.468 4.019 23.188 10.386C-3.032-30.864 0-23.565 0-15.593z"
transform="translate(387.514 265.919)"
fill="#f2b394"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0c-5.72-6.367-14.007-10.387-23.187-10.387-9.182 0-17.468 4.02-23.187 10.388-18.507-8.758-31.39-27.633-31.39-49.371v-130.155H31.39V-49.37C31.39-27.632 18.506-8.757 0 0"
transform="translate(379.515 229.526)"
fill="#cbe558"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0c0 14.379-11.764 26.143-26.143 26.143-14.378 0-26.143-11.764-26.143-26.143v-13.071c0-6.684 2.542-12.802 6.705-17.436 4.796-5.338 11.742-8.708 19.438-8.708 7.696 0 14.643 3.37 19.437 8.708C-2.542-25.873 0-19.755 0-13.071Z"
transform="translate(236.393 134.781)"
fill="#f2b394"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0c-4.795-5.338-11.742-8.708-19.437-8.708-7.696 0-14.643 3.37-19.437 8.708-15.514-7.341-26.313-23.163-26.313-41.386v-12.887h91.5v12.887C26.313-23.163 15.513-7.341 0 0"
transform="translate(229.687 104.274)"
fill="#ff5d7d"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0c0 14.379-11.764 26.143-26.143 26.143-14.378 0-26.143-11.764-26.143-26.143v-13.071c0-6.684 2.542-12.802 6.706-17.436 4.795-5.338 11.742-8.708 19.437-8.708 7.696 0 14.643 3.37 19.438 8.708C-2.541-25.873 0-19.755 0-13.071Z"
transform="translate(327.893 134.781)"
fill="#f2b394"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0c-4.795-5.338-11.742-8.708-19.437-8.708-7.696 0-14.643 3.37-19.437 8.708-15.514-7.341-26.314-23.163-26.314-41.386v-12.887h91.501v12.887C26.313-23.163 15.513-7.341 0 0"
transform="translate(321.188 104.274)"
fill="#00ccf2"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M9.999 502.002H502V10.001H9.999Z"
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 0h161.004v-412.001h-412.002V0H-90"
transform="translate(300.997 462.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 0v0c14.379 0 26.143-11.764 26.143-26.143v-13.072c0-14.378-11.764-26.142-26.143-26.142-14.379 0-26.143 11.764-26.143 26.142v13.072C-26.143-11.764-14.379 0 0 0Z"
transform="translate(210.25 160.924)"
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 0v2.888c0 17.879 10.395 33.444 25.438 40.96m40.683-.031C81.132 36.291 91.5 20.74 91.5 2.888V0"
transform="translate(164.5 60.001)"
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.001c17.152 0 31.186-14.033 31.186-31.186V-46.78c0-17.153-14.034-31.186-31.186-31.186H0c-17.152 0-31.186 14.033-31.186 31.186v15.594C-31.186-14.033-17.152 0 0 0Z"
transform="translate(155.672 297.106)"
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 0v120.156c0 21.327 12.401 39.898 30.346 48.863m48.532-.037c17.907-8.978 30.274-27.529 30.275-48.826v-16.983"
transform="translate(101.097 60.001)"
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 0v0c-14.379 0-26.143-11.764-26.143-26.143v-13.072c0-14.378 11.764-26.142 26.143-26.142 14.379 0 26.143 11.764 26.143 26.142v13.072C26.143-11.764 14.379 0 0 0Z"
transform="translate(301.75 160.924)"
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 0v2.888c0 17.879-10.395 33.445-25.438 40.96m-40.683-.031C-81.132 36.291-91.5 20.741-91.5 2.888"
transform="translate(347.5 60.001)"
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-.001c-17.152 0-31.186-14.033-31.186-31.186V-46.78c0-17.153 14.034-31.186 31.186-31.186H0c17.152 0 31.186 14.033 31.186 31.186v15.594C31.186-14.033 17.152 0 0 0Z"
transform="translate(356.327 297.106)"
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 0v120.156c0 21.327-12.401 39.898-30.346 48.863m-48.532-.037c-17.907-8.978-30.275-27.529-30.275-48.826v-17.108"
transform="translate(410.903 60.001)"
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 0c67.938 15.89 117.181 84.29 118.391 164.45.81-53.682 38.665-96.71 85.084-96.71 46.418 0 84.273 43.028 85.083 96.71C289.768 84.29 339.011 15.89 406.949 0"
transform="translate(52.525 296.067)"
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 0c34.329 15.89 59.212 84.29 59.823 164.45"
transform="translate(51.273 296.067)"
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 0c-34.329 15.89-59.212 84.29-59.823 164.45"
transform="translate(460.726 296.067)"
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 0c.81-26.976 38.665-48.598 85.083-48.598 46.419 0 84.274 21.622 85.084 48.598"
transform="translate(170.917 460.518)"
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.007"
transform="translate(255.993 462.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