Add icons to this collection by clicking the heart icon.
Family icon - also known as picture, people, frame, love, family, son, mother, and father. Created in a clean lineal color style with a gray, black, 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="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 0c0-15.576-12.626-28.202-28.202-28.202-15.576 0-28.202 12.626-28.202 28.202 0 15.576 12.626 28.203 28.202 28.203C-12.626 28.203 0 15.576 0 0"
transform="translate(284.202 476.326)"
fill="#665e66"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-458.729c-10.566 0-19.131-8.565-19.131-19.132v-340.414c0-10.567 8.565-19.132 19.131-19.132H0c10.566 0 19.132 8.565 19.132 19.132v340.414C19.132-8.565 10.566 0 0 0"
transform="translate(485.364 386.15)"
fill="#aa593d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v272.481c0 10.567 8.565 19.132 19.132 19.132h390.796c10.565 0 19.131-8.565 19.131-19.132V0c0-10.566-8.566-19.132-19.131-19.132H19.132C8.565-19.132 0-10.566 0 0"
transform="translate(41.47 60.57)"
fill="#8bc852"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-10.914-7.669c-34.014-23.944-75.707-31.715-114.705-23.283a145.218 145.218 0 0 0-53.115 23.283L-189.639 0c9.765 9.765 9.47 30.779 9.47 68.058 0 37.278 14.79 77.303 85.35 77.303 70.549 0 85.349-40.025 85.349-77.303C-9.47 30.779-9.765 9.765 0 0"
transform="translate(435.777 176.195)"
fill="#e27d47"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-2.31-100.067a145.206 145.206 0 0 0-53.115 23.282l-10.904 7.669c9.765 9.765 9.47 30.78 9.47 68.058 0 37.279 14.79 77.304 85.349 77.304C-4.191 76.246 0 33.006 0 0"
transform="translate(312.468 245.311)"
fill="#dd542e"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a145.63 145.63 0 0 1 30.61 16.49l10.92 7.67c-9.77 9.76-9.47 30.77-9.47 68.05s-14.8 77.31-85.35 77.31c-70.56 0-85.35-40.03-85.35-77.31s.29-58.29-9.47-68.05l10.9-7.67A145.196 145.196 0 0 1-84.09-6.8c18.17-3.93 36.92-4.34 55.21-1.24"
transform="translate(394.25 152.04)"
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-.896-17.612-14.991-31.636-32.615-32.466a603.572 603.572 0 0 0-41.596-.528c-.018 0-.042 0-.06.006-5.066.107-10.131.284-15.198.522-17.618.83-31.713 14.854-32.614 32.466a412.929 412.929 0 0 0-.214 37.651h.006s14.48.736 32.763 4.853c16.248 3.654 35.498 9.983 50.251 20.839 0 0 15.388-25.692 39.49-25.692A411.135 411.135 0 0 0 0 0"
transform="translate(401.997 202.806)"
fill="#f1d0a5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-5.066.107-10.132.285-15.198.522-17.618.831-31.713 14.854-32.615 32.466a412.949 412.949 0 0 0-.213 37.652h.005s14.481.735 32.763 4.852v-.006C-19.339 40.487-15.21.629 0 0"
transform="translate(327.727 169.817)"
fill="#f1b986"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c2.222-4.682 6.995-7.916 12.518-7.916 5.521 0 10.294 3.234 12.516 7.916"
transform="translate(328.44 207.946)"
fill="none"
stroke="#000"
stroke-width="12"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-4.508-2.436-8.163-5.441-8.163-3.006 0-5.442 3.655-5.442 8.163 0 4.508 2.436 8.163 5.442 8.163C-2.436 8.163 0 4.508 0 0"
transform="translate(317.913 227.81)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-4.508-2.436-8.163-5.441-8.163-3.006 0-5.442 3.655-5.442 8.163 0 4.508 2.436 8.163 5.442 8.163C-2.436 8.163 0 4.508 0 0Z"
transform="translate(317.913 227.81)"
fill="none"
stroke="#000"
stroke-width=".5"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-4.508-2.437-8.163-5.441-8.163-3.006 0-5.443 3.655-5.443 8.163 0 4.508 2.437 8.163 5.443 8.163C-2.437 8.163 0 4.508 0 0"
transform="translate(374.884 227.81)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-4.508-2.437-8.163-5.441-8.163-3.006 0-5.443 3.655-5.443 8.163 0 4.508 2.437 8.163 5.443 8.163C-2.437 8.163 0 4.508 0 0Z"
transform="translate(374.884 227.81)"
fill="none"
stroke="#000"
stroke-width=".5"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-3.16-4.063-5.721-9.074-5.721-5.012 0-9.074 2.561-9.074 5.721 0 3.159 4.062 5.721 9.074 5.721C-4.063 5.721 0 3.159 0 0"
transform="translate(388.103 211.706)"
fill="#eaac9d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-3.16-4.062-5.721-9.074-5.721S-18.148-3.16-18.148 0c0 3.159 4.062 5.721 9.074 5.721S0 3.159 0 0"
transform="translate(311.958 211.706)"
fill="#eaac9d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a616.926 616.926 0 0 1-119.315 0c-3.086-24.729-3.996-49.458-2.727-74.186.923-18.002 15.327-32.33 33.332-33.18a616.008 616.008 0 0 1 58.106 0c18.003.85 32.409 15.178 33.332 33.18C3.996-49.458 3.087-24.729 0 0"
transform="translate(206.442 266.093)"
fill="#f1d0a5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a617.785 617.785 0 0 0 59.659 2.889c-10.069 0-20.138-.972-30.207-2.919a848.48 848.48 0 0 1-1.382-74.896c.421-16.429 6.426-29.826 14.305-32.882-3.922.107-7.85.255-11.771.439-18.002.848-32.408 15.178-33.333 33.179A423.445 423.445 0 0 0 0 0"
transform="translate(87.13 266.097)"
fill="#f1b986"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c2.271-4.785 7.149-8.09 12.793-8.09 5.644 0 10.521 3.305 12.792 8.09"
transform="translate(133.992 192.19)"
fill="none"
stroke="#000"
stroke-width="12"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-4.607-2.49-8.342-5.562-8.342-3.071 0-5.561 3.735-5.561 8.342 0 4.607 2.49 8.342 5.561 8.342C-2.49 8.342 0 4.607 0 0"
transform="translate(123.235 216.137)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-4.607-2.49-8.342-5.562-8.342-3.071 0-5.561 3.735-5.561 8.342 0 4.607 2.49 8.342 5.561 8.342C-2.49 8.342 0 4.607 0 0Z"
transform="translate(123.235 216.137)"
fill="none"
stroke="#000"
stroke-width=".5"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-4.607-2.489-8.342-5.561-8.342-3.071 0-5.561 3.735-5.561 8.342 0 4.607 2.49 8.342 5.561 8.342C-2.489 8.342 0 4.607 0 0"
transform="translate(181.457 216.137)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-4.607-2.489-8.342-5.561-8.342-3.071 0-5.561 3.735-5.561 8.342 0 4.607 2.49 8.342 5.561 8.342C-2.489 8.342 0 4.607 0 0Z"
transform="translate(181.457 216.137)"
fill="none"
stroke="#000"
stroke-width=".5"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0a420.993 420.993 0 0 0-.214-38.479c-.92-18-15.324-32.33-33.333-33.18a615.293 615.293 0 0 0-58.104 0c-18.005.85-32.41 15.18-33.334 33.18a419.34 419.34 0 0 0-.208 38.583"
transform="translate(209.383 230.386)"
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-28.028 0-71.082 18.148-89.538 26.561-5.569 2.541-8.9 4.191-8.9 4.191S-109.129 3.436-125.193 0c-.1.005-.195.005-.294.005-2.913 0-5.614-.91-7.831-2.466-5.3 38.176-11.252 62.977 2.143 70.415 13.39 7.443 22.569-1.735 22.569-1.735S-95.197 73.314-76.7 77.61c21.981 5.111 51.143 6.27 73.503-13.127C20.276 44.118 13.937 17.164 0 0"
transform="translate(209.383 230.386)"
fill="#665e66"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-5.569 2.541-8.9 4.191-8.9 4.191s-10.691-27.316-26.755-30.752c-.1.005-.195.005-.294.005-2.913 0-5.614-.91-7.831-2.466-5.3 38.176-11.252 62.977 2.143 70.415 13.39 7.443 22.569-1.735 22.569-1.735s13.409 7.095 31.906 11.391C-9.229 45.694-10.278 13.5 0 0"
transform="translate(119.845 256.947)"
fill="#454045"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c16.064 3.436 26.755 30.752 26.755 30.752S88.708 0 125.193 0"
transform="translate(84.19 230.386)"
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-5.3 38.176-11.252 62.977 2.144 70.416 13.389 7.443 22.568-1.736 22.568-1.736s64.237 33.979 105.406-1.735c23.478-20.366 17.135-47.32 3.198-64.484"
transform="translate(76.064 227.924)"
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.506-12.552.433-25.1-.21-37.652-.899-17.612-14.994-31.634-32.616-32.466a602.31 602.31 0 0 0-56.856 0c-17.617.832-31.711 14.854-32.616 32.466A413.67 413.67 0 0 0-122.507 0h.004s51.65 2.616 83.016 25.697C-39.487 25.697-24.101 0 0 0Z"
transform="translate(402.209 240.455)"
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-.699-13.659-11.63-24.535-25.294-25.179a468.46 468.46 0 0 0-32.95-.396l-.005.005c-3.717.087-7.43.216-11.143.391-13.659.644-24.589 11.52-25.294 25.179-.215 4.228-.276 13.701-.271 23.068.005 12.201.11 24.222.11 24.222H.161s.046-5.075.073-11.98C.295 23.436.312 6.156 0 0"
transform="translate(278.929 92.202)"
fill="#f1d0a5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-3.717.087-7.43.216-11.143.391-13.659.644-24.589 11.52-25.294 25.179-.215 4.228-.276 13.701-.271 23.068.005 12.201.11 24.222.11 24.222h24.627C-12.311 26.564-14.625 6.777 0 0"
transform="translate(220.68 66.631)"
fill="#f1b986"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-.698-13.659-11.629-24.534-25.296-25.179a467.186 467.186 0 0 0-44.094 0C-83.053-24.534-93.983-13.659-94.686 0c-.498 9.735-.162 47.294-.162 47.294H.162S.498 9.735 0 0Z"
transform="translate(278.929 92.2)"
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-3.496-1.89-6.331-4.221-6.331-2.33 0-4.219 2.835-4.219 6.331 0 3.496 1.889 6.331 4.219 6.331C-1.89 6.331 0 3.496 0 0"
transform="translate(213.716 114.67)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-3.496-1.89-6.331-4.221-6.331-2.33 0-4.219 2.835-4.219 6.331 0 3.496 1.889 6.331 4.219 6.331C-1.89 6.331 0 3.496 0 0Z"
transform="translate(213.716 114.67)"
fill="none"
stroke="#000"
stroke-width=".5"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-3.496-1.89-6.331-4.221-6.331-2.331 0-4.22 2.835-4.22 6.331 0 3.496 1.889 6.331 4.22 6.331C-1.89 6.331 0 3.496 0 0"
transform="translate(257.9 114.67)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-3.496-1.89-6.331-4.221-6.331-2.331 0-4.22 2.835-4.22 6.331 0 3.496 1.889 6.331 4.22 6.331C-1.89 6.331 0 3.496 0 0Z"
transform="translate(257.9 114.67)"
fill="none"
stroke="#000"
stroke-width=".5"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0a10.744 10.744 0 0 1 9.708-6.139c4.283 0 7.984 2.508 9.708 6.139"
transform="translate(221.878 96.189)"
fill="none"
stroke="#000"
stroke-width="12"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h39.127c15.451 0 27.977-12.526 27.977-27.978v-16.826h-95.082v16.826C-27.978-12.526-15.452 0 0 0"
transform="translate(211.986 184.297)"
fill="#8078bc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-15.453 0-21.177-12.528-21.177-27.977v-16.829h-24.7v16.829C-45.877-12.528-33.354 0-17.9 0Z"
transform="translate(229.886 184.297)"
fill="#5e54ac"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h39.127c15.451 0 27.977-12.526 27.977-27.978v-16.826h-95.082v16.826C-27.978-12.526-15.452 0 0 0Z"
transform="translate(211.986 184.297)"
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-35.389"
transform="translate(194.368 139.494)"
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-8.639c-5.81 0-10.52-4.71-10.52-10.521v-10.286h29.68v10.286C10.521-4.71 5.811 0 0 0"
transform="translate(251.14 160.3)"
fill="#e27d47"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-8.639c-5.81 0-10.52-4.71-10.52-10.521v-10.286h29.68v10.286C10.521-4.71 5.811 0 0 0Z"
transform="translate(251.14 160.3)"
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-458.729c-10.566 0-19.131-8.565-19.131-19.132v-340.414c0-10.567 8.565-19.132 19.131-19.132H0c10.566 0 19.132 8.565 19.132 19.132v340.414C19.132-8.565 10.566 0 0 0Z"
transform="translate(485.364 386.15)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h338.07c10.56 0 19.13-8.56 19.13-19.13v-272.48c0-10.57-8.57-19.13-19.13-19.13h-390.8c-10.56 0-19.13 8.56-19.13 19.13v272.48C-71.86-8.56-63.29 0-52.73 0H-30"
transform="translate(113.33 352.18)"
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-15.576-12.626-28.202-28.202-28.202-15.576 0-28.202 12.626-28.202 28.202 0 15.576 12.626 28.203 28.202 28.203C-12.626 28.203 0 15.576 0 0Z"
transform="translate(284.202 476.326)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-61.971-90.177"
transform="translate(227.798 476.326)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 61.971-90.177"
transform="translate(284.202 476.326)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category