Add icons to this collection by clicking the heart icon.
Children icon - also known as people, children, kids, and humanpictos. Created in a clean gradient style with a magenta 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="100"
height="100"
viewBox="0 0 512 512"
>
<linearGradient
id="a"
x1="74.981"
x2="437.019"
y1="439.019"
y2="76.981"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff6308" />
<stop offset="1" stop-color="#9d3d1a" />
</linearGradient>
<circle cx="256" cy="256" r="256" fill="url(#a)" />
<linearGradient
id="b"
x1="215.682"
x2="296.318"
y1="203.454"
y2="203.454"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#05ceff" />
<stop offset="1" stop-color="#01538d" />
</linearGradient>
<path
d="M256 252.23v-10.275l-9.867 6.395-16.263-6.395 2.871 15.074-17.059 11.056 7.094 111.052h66.448l7.094-111.052z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="217.78"
x2="294.22"
y1="342.92"
y2="342.92"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffdd7d" />
<stop offset="1" stop-color="#ffa851" />
</linearGradient>
<circle cx="256" cy="171.08" r="38.22" fill="url(#c)" />
<linearGradient
id="d"
x1="206.353"
x2="305.647"
y1="249.181"
y2="249.181"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffedba" />
<stop offset="1" stop-color="#ffc65c" />
</linearGradient>
<path d="M256 222.358h-49.647v84.922h99.294v-84.922z" fill="url(#d)" />
<linearGradient
id="e"
x1="97.662"
x2="178.298"
y1="203.454"
y2="203.454"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#70e2ff" />
<stop offset="1" stop-color="#0391c6" />
</linearGradient>
<path
d="M137.98 252.23v-10.275l-9.867 6.395-16.263-6.395 2.871 15.074-17.059 11.056 7.094 111.052h66.448l7.094-111.052z"
fill="url(#e)"
/>
<linearGradient
id="f"
x1="99.76"
x2="176.2"
y1="342.92"
y2="342.92"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffdd7d" />
<stop offset="1" stop-color="#ffa851" />
</linearGradient>
<circle cx="137.98" cy="171.08" r="38.22" fill="url(#f)" />
<path
d="M187.627 222.358v84.922H137.98l-19.597-41.335 19.597-43.587z"
fill="#ff39a1"
/>
<linearGradient
id="g"
x1="88.33"
x2="137.977"
y1="249.18"
y2="249.18"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff94cc" />
<stop offset="1" stop-color="#ff39a1" />
</linearGradient>
<path d="M88.33 222.36h49.647v84.92H88.33z" fill="url(#g)" />
<linearGradient
id="h"
x1="333.702"
x2="414.338"
y1="203.454"
y2="203.454"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#70e2ff" />
<stop offset="1" stop-color="#0391c6" />
</linearGradient>
<path
d="M374.02 252.23v-10.275l-9.867 6.395-16.263-6.395 2.871 15.074-17.059 11.056 7.094 111.052h66.448l7.094-111.052z"
fill="url(#h)"
/>
<linearGradient
id="i"
x1="335.8"
x2="412.24"
y1="342.92"
y2="342.92"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffdd7d" />
<stop offset="1" stop-color="#ffa851" />
</linearGradient>
<circle cx="374.02" cy="171.08" r="38.22" fill="url(#i)" />
<linearGradient
id="j"
x1="324.373"
x2="423.667"
y1="249.181"
y2="249.181"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#7daf93" />
<stop offset="1" stop-color="#006941" />
</linearGradient>
<path d="M374.02 222.358h-49.647v84.922h99.294v-84.922z" fill="url(#j)" />
</svg>
More icons in the same style and category