Add icons to this collection by clicking the heart icon.
Blocks icon - also known as play, children, childhood, blocks, and kid and baby. Created in a clean flat 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="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 0c24.808 38.304 39.221 83.967 39.221 133 0 135.31-109.69 245-245 245s-245-109.69-245-245c0-49.033 14.414-94.696 39.222-133l159.985-107.709A246.228 246.228 0 0 1-205.779-112a246.23 246.23 0 0 1 45.794 4.291z"
transform="translate(461.779 112)"
fill="#47477f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-110.457 89.543-200 200-200S400-110.457 400 0s-89.543 200-200 200S0 110.457 0 0"
transform="translate(56 240)"
fill="#3b3868"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 84.558 86.974c9.042 9.3 23.977 9.3 33.019 0L202.135 0c9.46-9.731 2.565-26.051-11.007-26.051H11.006C-2.566-26.051-9.461-9.731 0 0"
transform="translate(154.933 418.051)"
fill="#ffdd40"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 81.067 83.384-3.49 3.59c-9.042 9.3-23.977 9.3-33.019 0L-40 0c-9.461-9.731-2.566-26.051 11.006-26.051h40C-2.566-26.051-9.461-9.731 0 0"
transform="translate(194.933 418.051)"
fill="#ffc839"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-120c0-11.046 8.954-20 20-20h51.586c11.046 0 20 8.954 20 20v44.207C91.586-50.502 112.088-30 137.379-30s45.793-20.502 45.793-45.793V-120c0-11.046 8.955-20 20-20h51.586c11.046 0 20 8.954 20 20V0c0 11.046-8.954 20-20 20H20C8.954 20 0 11.046 0 0"
transform="translate(118.62 252)"
fill="#b8f0ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v120c0 11.046 8.954 20 20 20h-40c-11.046 0-20-8.954-20-20V0c0-11.046 8.954-20 20-20h40C8.954-20 0-11.046 0 0"
transform="translate(158.62 132)"
fill="#8ae1ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-139.986c-11.045 0-20-8.954-20-20v-87.709C-93.043-95.05-35.731-55.17 0 0"
transform="translate(461.779 112)"
fill="#ffdd40"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-87.709a243.185 243.185 0 0 1 40 11.166V0c0 11.046 8.954 20 20 20H20C8.954 20 0 11.046 0 0"
transform="translate(301.793 92)"
fill="#ffc839"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-139.986C-104.254-55.17-46.943-95.05 20-107.709V-20C20-8.954 11.046 0 0 0"
transform="translate(190.207 112)"
fill="#ff7186"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v35.921c0 11.046 8.954 20 20 20h-69.779A246.309 246.309 0 0 1 0 0"
transform="translate(100 56.08)"
fill="#ff4155"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-80c-11.046 0-20 8.954-20 20v80c0 11.046 8.954 20 20 20H0c11.046 0 20-8.954 20-20V20C20 8.954 11.046 0 0 0"
transform="translate(356 272)"
fill="#ff7186"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v80c0 11.046 8.954 20 20 20h-40c-11.046 0-20-8.954-20-20V0c0-11.046 8.954-20 20-20h40C8.954-20 0-11.046 0 0"
transform="translate(296 292)"
fill="#ff4155"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h80c11.046 0 20 8.954 20 20v80c0 11.046-8.954 20-20 20H0c-11.046 0-20-8.954-20-20V20C-20 8.954-11.046 0 0 0"
transform="translate(156 272)"
fill="#8f8ff9"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v80c0 11.046 8.954 20 20 20h-40c-11.046 0-20-8.954-20-20V0c0-11.046 8.954-20 20-20h40C8.954-20 0-11.046 0 0"
transform="translate(176 292)"
fill="#746bf9"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
</svg>
More icons in the same style and category