Add icons to this collection by clicking the heart icon.
Blocks icon - also known as child, children, childhood, geometrical shape, blocks, baby, kid, toys, and kid and baby. 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 510 510"
>
<linearGradient id="a">
<stop offset="0" stop-color="#fecec8" />
<stop offset=".573" stop-color="#fe73c5" />
<stop offset="1" stop-color="#f1239a" />
</linearGradient>
<linearGradient
id="e"
x1="322.684"
x2="545.561"
y1="328.917"
y2="328.917"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="289.405"
x2="503.036"
y1="328.917"
y2="328.917"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#c2fae3" />
<stop offset=".573" stop-color="#00f2a6" />
<stop offset="1" stop-color="#07b27b" />
</linearGradient>
<linearGradient
id="g"
x1="31.691"
x2="179.525"
y1="436.083"
y2="436.083"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="h"
x1="-29.061"
x2="168.127"
y1="436.177"
y2="436.177"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="c">
<stop offset="0" stop-color="#fff3be" />
<stop offset=".573" stop-color="#ffd15b" />
<stop offset="1" stop-color="#eca026" />
</linearGradient>
<linearGradient
id="i"
x1="121.499"
x2="460.746"
y1="412.673"
y2="412.673"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="j"
x1="132.087"
x2="385.59"
y1="412.673"
y2="412.673"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient id="d">
<stop offset="0" stop-color="#99e6fc" />
<stop offset=".504" stop-color="#01d0fb" />
<stop offset=".586" stop-color="#08c7f7" />
<stop offset=".723" stop-color="#1bacec" />
<stop offset=".897" stop-color="#3a82dc" />
<stop offset="1" stop-color="#4f66d0" />
</linearGradient>
<linearGradient
id="k"
x1="-22.206"
x2="337.84"
y1="187.793"
y2="187.793"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="l"
x1="-107.052"
x2="291.719"
y1="187.799"
y2="187.799"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="m"
x1="361.597"
x2="509.43"
y1="73.917"
y2="73.917"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="n"
x1="252.983"
x2="505.328"
y1="88.166"
y2="88.166"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<path
fill="url(#e)"
d="M484.975 510H353.958c-13.508 0-24.458-10.95-24.458-24.458V172.291c0-13.508 10.95-24.458 24.458-24.458h131.017c13.508 0 24.458 10.95 24.458 24.458v313.251c0 13.508-10.95 24.458-24.458 24.458z"
/>
<path
fill="url(#f)"
d="M484.975 147.833h-40.36c13.508 0 24.458 10.95 24.458 24.458v313.251c0 13.508-10.95 24.458-24.458 24.458h40.36c13.508 0 24.458-10.95 24.458-24.458V172.291c0-13.508-10.95-24.458-24.458-24.458z"
/>
<circle cx="105.608" cy="436.083" r="73.917" fill="url(#g)" />
<path
fill="url(#h)"
d="M163.93 390.701a8.088 8.088 0 0 1-.004-.029c-12.568-16.107-31.667-26.87-53.316-28.318v96.101c0 14.812-10.435 27.55-24.944 30.532a98.558 98.558 0 0 1-19.857 2.011c-3.461 0-6.879-.182-10.248-.531 14.036 12.923 33.079 20.491 53.894 19.435 38.142-1.935 68.802-33.215 70.03-71.386.581-18.052-5.332-34.696-15.555-47.815z"
/>
<path
fill="url(#i)"
d="M411.617 510H160.291c-13.508 0-24.458-10.95-24.458-24.458V339.804c0-13.508 10.95-24.458 24.458-24.458h251.326c13.508 0 24.458 10.95 24.458 24.458v145.739c0 13.507-10.95 24.457-24.458 24.457z"
/>
<path
fill="url(#j)"
d="M411.617 315.346h-40.36c13.508 0 24.458 10.95 24.458 24.458v145.739c0 13.508-10.95 24.458-24.458 24.458h40.36c13.508 0 24.458-10.95 24.458-24.458V339.804c0-13.508-10.951-24.458-24.458-24.458z"
/>
<path
fill="url(#k)"
d="M106.843 80.358 6.017 254.996c-15.486 26.822 3.872 60.35 34.843 60.35h201.651c30.972 0 50.329-33.528 34.843-60.35L176.529 80.358c-15.485-26.823-54.2-26.823-69.686 0z"
/>
<path
fill="url(#l)"
d="M277.355 254.996 176.529 80.358c-11.74-20.335-36.825-25.238-55.023-14.74 5.806 3.349 10.918 8.253 14.663 14.74l100.826 174.638c15.486 26.822-3.872 60.35-34.843 60.35h40.36c30.971 0 50.329-33.528 34.843-60.35z"
/>
<circle cx="435.513" cy="73.917" r="73.917" fill="url(#m)" />
<path
fill="url(#n)"
d="M493.809 28.5c.016.735.028 1.471.028 2.209 0 54.192-43.931 98.123-98.123 98.123-3.461 0-6.879-.182-10.248-.531 13.166 12.122 30.738 19.533 50.047 19.533 40.823 0 73.917-33.094 73.917-73.917 0-17.129-5.842-32.884-15.621-45.417z"
/>
</svg>
More icons in the same style and category