Add icons to this collection by clicking the heart icon.
Family Tree icon - also known as people, structure, nodes, genealogy, line segments, kid and baby, family tree, organization chart, and ancestry. Created in a clean flat style with a white, silver, gray, 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 512 512"
>
<path fill="#ca6e59" d="M211.711 346.569h88.578L320.574 512H191.426z" />
<path fill="#bb5d4c" d="M300.289 346.569h-41.208L279.366 512h41.208z" />
<path
fill="#86e8d0"
d="M490.049 209.121c0-70.637-57.266-127.9-127.906-127.9-.632 0-1.26.015-1.889.024C348.543 34.567 306.311 0 256 0s-92.543 34.567-104.254 81.245c-.629-.009-1.258-.024-1.889-.024-70.641 0-127.906 57.263-127.906 127.9 0 39.77 18.154 75.3 46.626 98.758-5.723 13.177-8.903 17.394-8.903 32.676 0 59.664 48.37 108.032 108.038 108.032 36.475 0 68.726-18.077 88.289-45.759 19.562 27.682 51.813 45.759 88.289 45.759 59.668 0 108.038-48.368 108.038-108.032 0-15.281-3.18-19.499-8.903-32.676 28.471-23.458 46.624-58.988 46.624-98.758z"
/>
<path
fill="#5de1c4"
d="M490.049 209.121c0-70.637-57.266-127.9-127.906-127.9-.632 0-1.26.015-1.889.024C348.543 34.567 306.311 0 256 0a108 108 0 0 0-20.604 1.997c40.936 7.951 73.58 39.111 83.65 79.247.629-.009 1.258-.024 1.889-.024 70.641 0 127.906 57.263 127.906 127.9 0 39.77-18.154 75.3-46.626 98.758 5.723 13.177 8.903 17.394 8.903 32.676 0 52.618-37.623 96.443-87.435 106.061a108.601 108.601 0 0 0 20.605 1.971c59.668 0 108.038-48.368 108.038-108.032 0-15.281-3.18-19.499-8.903-32.676 28.473-23.457 46.626-58.987 46.626-98.757z"
/>
<path
fill="#a79ba7"
d="M445.61 190.903H263.726v-90.318c0-.073-.009-.145-.011-.218h38.878a7.726 7.726 0 1 0 0-15.452h-86.119a7.726 7.726 0 1 0 0 15.452h31.81c-.002.073-.011.144-.011.218v90.318H66.39a7.725 7.725 0 0 0-7.726 7.726v44.69a7.726 7.726 0 1 0 15.452 0v-36.964h174.157v36.964a7.726 7.726 0 1 0 15.452 0v-36.964h174.157v36.964a7.726 7.726 0 1 0 15.452 0v-44.69a7.724 7.724 0 0 0-7.724-7.726z"
/>
<ellipse cx="162.546" cy="92.641" fill="#f3f0f3" rx="65.039" ry="65.035" />
<path
fill="#8ac9fe"
d="M162.546 107.921c-18.038 0-32.66 14.622-32.66 32.658v8.294a64.712 64.712 0 0 0 32.66 8.803 64.71 64.71 0 0 0 32.66-8.803v-8.294c0-18.036-14.623-32.658-32.66-32.658z"
/>
<ellipse cx="162.546" cy="88.879" fill="#ffcebf" rx="28.529" ry="28.608" />
<ellipse cx="349.454" cy="92.641" fill="#f3f0f3" rx="65.039" ry="65.035" />
<path
fill="#fe73c5"
d="M349.455 107.921c-18.038 0-32.66 14.622-32.66 32.658v8.294a64.712 64.712 0 0 0 32.66 8.803 64.71 64.71 0 0 0 32.66-8.803v-8.294c0-18.036-14.623-32.658-32.66-32.658z"
/>
<ellipse cx="349.454" cy="88.879" fill="#ffcebf" rx="28.529" ry="28.608" />
<ellipse cx="445.61" cy="298.063" fill="#f3f0f3" rx="65.039" ry="65.035" />
<path
fill="#ffc344"
d="M445.61 313.343c-18.038 0-32.66 14.622-32.66 32.658v8.294a64.712 64.712 0 0 0 32.66 8.803 64.71 64.71 0 0 0 32.66-8.803v-8.294c0-18.036-14.622-32.658-32.66-32.658z"
/>
<ellipse cx="445.61" cy="294.301" fill="#ffcebf" rx="28.529" ry="28.608" />
<ellipse cx="256" cy="298.063" fill="#f3f0f3" rx="65.039" ry="65.035" />
<path
fill="#8ac9fe"
d="M256 313.343c-18.038 0-32.66 14.622-32.66 32.658v8.294a64.712 64.712 0 0 0 32.66 8.803 64.71 64.71 0 0 0 32.66-8.803v-8.294c0-18.036-14.622-32.658-32.66-32.658z"
/>
<ellipse cx="256" cy="294.301" fill="#ffcebf" rx="28.529" ry="28.608" />
<ellipse cx="66.39" cy="298.063" fill="#f3f0f3" rx="65.039" ry="65.035" />
<path
fill="#fe73c5"
d="M66.39 313.343c-18.038 0-32.66 14.622-32.66 32.658v8.294a64.712 64.712 0 0 0 32.66 8.803 64.71 64.71 0 0 0 32.66-8.803v-8.294c0-18.036-14.622-32.658-32.66-32.658z"
/>
<ellipse cx="66.39" cy="294.301" fill="#ffcebf" rx="28.529" ry="28.608" />
</svg>
More icons in the same style and category