Add icons to this collection by clicking the heart icon.
Family icon - also known as people, child, person, love, family, mother, baby, kid, father, mom, and parents. Created in a clean gradient 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="512"
height="512"
viewBox="0 0 512 512"
>
<linearGradient
id="c"
x1="74.98"
x2="437.019"
y1="437.02"
y2="74.981"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#8d00db" />
<stop offset="1" stop-color="#fc54ff" />
</linearGradient>
<radialGradient
id="d"
cx="261.408"
cy="218.817"
r="314.489"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#230be0" stop-opacity=".66" />
<stop offset=".103" stop-color="#551ce7" stop-opacity=".592" />
<stop offset=".211" stop-color="#812bed" stop-opacity=".521" />
<stop offset=".323" stop-color="#a737f3" stop-opacity=".447" />
<stop offset=".439" stop-color="#c642f7" stop-opacity=".37" />
<stop offset=".56" stop-color="#de4afb" stop-opacity=".29" />
<stop offset=".688" stop-color="#ef50fd" stop-opacity=".206" />
<stop offset=".827" stop-color="#f953ff" stop-opacity=".114" />
<stop offset="1" stop-color="#fc54ff" stop-opacity="0" />
</radialGradient>
<linearGradient id="a">
<stop offset="0" stop-color="#b31de7" />
<stop offset=".322" stop-color="#cd4bef" />
<stop offset=".781" stop-color="#f088fb" />
<stop offset="1" stop-color="#fda0ff" />
</linearGradient>
<linearGradient
id="e"
x1="233.743"
x2="431.317"
y1="346.04"
y2="148.466"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="63.447"
x2="432.445"
y1="573.547"
y2="204.55"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="-2.688"
x2="294.107"
y1="368.67"
y2="71.875"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="-38.289"
x2="292.917"
y1="520.231"
y2="189.025"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#fc54ff" />
<stop offset=".196" stop-color="#fd80ff" />
<stop offset=".467" stop-color="#feb6ff" />
<stop offset=".701" stop-color="#fedeff" />
<stop offset=".886" stop-color="#fff6ff" />
<stop offset="1" stop-color="#fff" />
</linearGradient>
<linearGradient
id="i"
x1="154.304"
x2="307.038"
y1="333.544"
y2="180.81"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="j"
x1="145.329"
x2="287.225"
y1="336.159"
y2="194.263"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="k"
x1="191.946"
x2="312.989"
y1="258.799"
y2="137.757"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="l"
x1="105.249"
x2="247.856"
y1="163.211"
y2="20.604"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="m"
x1="106.226"
x2="246.954"
y1="181.18"
y2="41.609"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="n"
x1="263.589"
x2="401.486"
y1="160.544"
y2="22.647"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="o"
x1="266.534"
x2="400.753"
y1="177.909"
y2="44.794"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<circle cx="256" cy="256" r="256" fill="url(#c)" />
<circle cx="256" cy="256" r="256" fill="url(#d)" />
<path
fill="url(#e)"
d="M383.52 165.279c-32.305-.68-64.61-1.101-96.915-1.264-16.891-.089-30.595 13.693-30.605 30.673 42.627 35.875 85.58 72.034 127.88 106.771-.075 8.363 6.704 15.023 15.166 14.852 8.462-.17 15.427-7.035 15.525-15.311.405-35 .405-70 0-105-.199-16.537-14.161-30.338-31.051-30.721z"
/>
<path
fill="url(#f)"
d="M356.316 164.768a6085.222 6085.222 0 0 0-42.507-.554c-15.016-.151-27.153 12.025-27.126 27.11.177 76.236 0 152.472-.532 228.708-.068 11.312 8.814 20.39 19.849 20.169 11.035-.218 20.159-9.608 20.353-20.866.639-39.096 1.059-78.193 1.259-117.289 5.115-.038 10.23-.081 15.346-.127a8564.522 8564.522 0 0 1-1.529 117.01c-.213 11.244 8.536 20.069 19.571 19.608 11.034-.461 20.292-9.943 20.631-21.072a5724.585 5724.585 0 0 0 2.217-225.285c-.153-14.837-12.518-27.147-27.532-27.412z"
/>
<path
fill="url(#g)"
d="M225.395 164.015c-32.305.163-64.61.584-96.915 1.264-16.89.382-30.852 14.183-31.051 30.721-.405 35-.405 70 0 105 .097 8.278 7.063 15.14 15.525 15.311 8.463.169 15.241-6.488 15.166-14.852 42.3-34.737 85.253-70.896 127.88-106.771-.009-16.981-13.713-30.761-30.605-30.673z"
/>
<path
fill="url(#h)"
d="M198.191 164.213c-14.169.135-28.338.32-42.507.554-15.014.265-27.38 12.575-27.532 27.411-.739 75.095 0 150.19 2.217 225.285.339 11.129 9.597 20.612 20.631 21.072 11.035.461 19.784-8.363 19.571-19.608a8564.942 8564.942 0 0 1-1.529-117.01c5.115.046 10.23.089 15.346.127.2 39.096.62 78.193 1.259 117.289.194 11.258 9.319 20.647 20.353 20.866 11.035.221 19.917-8.856 19.849-20.169-.532-76.236-.709-152.472-.532-228.708.027-15.085-12.11-27.258-27.126-27.109z"
/>
<path
fill="url(#i)"
d="M225.309 194.737c-.01 0-.078 44.475-.058 61.444.008 16.961 13.788 30.755 30.749 30.757 16.961-.004 30.74-13.796 30.749-30.757-20.493-20.472-41.024-41.029-61.44-61.444z"
/>
<path
fill="url(#j)"
d="M225.309 194.737c-.083 33.934 27.455 61.45 61.44 61.444.02-16.966-.047-61.446-.058-61.444a9514.545 9514.545 0 0 0-61.382 0z"
/>
<path
fill="url(#k)"
d="M286.691 194.737c.042 16.963-13.712 30.695-30.691 30.701-16.979-.002-30.733-13.738-30.691-30.701.046-16.959 13.8-30.796 30.691-30.799 16.891.002 30.645 13.84 30.691 30.799z"
/>
<path
fill="url(#l)"
d="M178.297 67.755c-4.918-6.127-12.465-9.874-21.026-9.541-15.106.599-27.793 13.594-28.245 28.828-1.105 34.511 48.015 61.98 48.06 62.129.002-.002 23.421-13.83 38.113-33.859a16442.654 16442.654 0 0 1-36.902-47.557z"
/>
<path
fill="url(#m)"
d="M199.728 56.93c-8.56.187-16.272 4.415-21.431 10.825-.479 23.36 15.276 42.526 36.902 47.558 6.743-9.187 11.653-19.682 11.724-30.782.081-15.497-12.087-27.942-27.195-27.601z"
/>
<path
fill="url(#n)"
d="M333.703 67.755c-5.159-6.41-12.871-10.638-21.431-10.825-15.107-.34-27.275 12.106-27.196 27.601.12 35.274 49.785 64.615 49.838 64.641-.003-.009 23.157-13.128 37.294-32.296a7392.137 7392.137 0 0 1-38.505-49.121z"
/>
<path
fill="url(#o)"
d="M354.728 58.214c-8.56-.332-16.108 3.414-21.026 9.541.422 23.398 16.731 43.297 38.505 49.121 6.488-8.805 11.078-18.91 10.766-29.833-.452-15.234-13.139-28.229-28.245-28.829z"
/>
</svg>
More icons in the same style and category