Add icons to this collection by clicking the heart icon.
Blocks icon - also known as children, childhood, blocks, educative, baby toy, and kid and baby. Created in a clean flat style with a white, silver, gray, teal, 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="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 0h-98.71c-43.249 0-78.635 35.386-78.635 78.635v98.71c0 43.249 35.386 78.635 78.635 78.635H0c43.249 0 78.635-35.386 78.635-78.635v-98.71C78.635 35.386 43.249 0 0 0"
transform="translate(177.351 256)"
fill="#ffbfc7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-98.71c-43.249 0-78.635 35.386-78.635 78.635v98.71c0 43.249 35.386 78.635 78.635 78.635H0c43.249 0 78.635-35.386 78.635-78.635v-98.71C78.635 35.386 43.249 0 0 0"
transform="translate(433.358 256)"
fill="#ffeab7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-98.71c-43.249 0-78.635 35.386-78.635 78.635v98.71c0 43.249 35.386 78.635 78.635 78.635H0c43.249 0 78.635-35.386 78.635-78.635v-98.71C78.635 35.386 43.249 0 0 0"
transform="translate(177.365 .02)"
fill="#dae2fe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v98.709c0 43.25 35.386 78.636 78.635 78.636H.841c-43.249 0-78.635-35.386-78.635-78.636V0c0-43.249 35.386-78.635 78.635-78.635h77.794C35.386-78.635 0-43.249 0 0"
transform="translate(77.814 78.656)"
fill="#c0cff9"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-98.71c-43.249 0-78.635 35.386-78.635 78.635v98.71c0 43.249 35.386 78.635 78.635 78.635H0c43.249 0 78.635-35.386 78.635-78.635v-98.71C78.635 35.386 43.249 0 0 0"
transform="translate(433.371 .02)"
fill="#b1ecd0"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v98.71c0 43.249 35.386 78.635 78.635 78.635H.841c-43.249 0-78.635-35.386-78.635-78.635V0c0-43.249 35.386-78.635 78.635-78.635h77.794C35.386-78.635 0-43.249 0 0"
transform="translate(77.8 334.635)"
fill="#ffa1ac"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v98.71c0 43.249 35.386 78.635 78.635 78.635H.841c-43.249 0-78.635-35.386-78.635-78.635V0c0-43.249 35.386-78.635 78.635-78.635h77.794C35.386-78.635 0-43.249 0 0"
transform="translate(333.807 334.635)"
fill="#fad989"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v98.709c0 43.25 35.386 78.636 78.635 78.636H.841c-43.249 0-78.635-35.386-78.635-78.636V0c0-43.249 35.386-78.635 78.635-78.635h77.794C35.386-78.635 0-43.249 0 0"
transform="translate(333.82 78.656)"
fill="#80e0b7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-49.694-40.285-89.979-89.979-89.979S-179.958-49.694-179.958 0s40.285 89.979 89.979 89.979S0 49.694 0 0"
transform="translate(217.975 383.99)"
fill="#f7f0eb"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-49.694-40.285-89.979-89.979-89.979S-179.958-49.694-179.958 0s40.285 89.979 89.979 89.979S0 49.694 0 0"
transform="translate(473.982 383.99)"
fill="#f7f0eb"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-49.694-40.285-89.979-89.979-89.979S-179.958-49.694-179.958 0s40.285 89.979 89.979 89.979S0 49.694 0 0"
transform="translate(217.989 128.01)"
fill="#f7f0eb"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-49.694-40.285-89.979-89.979-89.979S-179.958-49.694-179.958 0s40.285 89.979 89.979 89.979S0 49.694 0 0"
transform="translate(473.995 128.01)"
fill="#f7f0eb"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 37.386 22.802 69.443 55.256 83.031-10.685 4.474-22.414 6.948-34.723 6.948-49.694 0-89.979-40.285-89.979-89.979s40.285-89.979 89.979-89.979c12.309 0 24.038 2.475 34.723 6.948C22.802-69.443 0-37.386 0 0"
transform="translate(107.463 383.99)"
fill="#efe2dd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 37.386 22.802 69.443 55.256 83.031-10.685 4.474-22.414 6.948-34.723 6.948-49.694 0-89.979-40.285-89.979-89.979s40.285-89.979 89.979-89.979c12.309 0 24.038 2.475 34.723 6.948C22.802-69.443 0-37.386 0 0"
transform="translate(363.47 383.99)"
fill="#efe2dd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 37.386 22.802 69.443 55.256 83.031-10.685 4.474-22.414 6.948-34.723 6.948-49.694 0-89.979-40.285-89.979-89.979s40.285-89.979 89.979-89.979c12.309 0 24.038 2.474 34.723 6.948C22.802-69.443 0-37.386 0 0"
transform="translate(107.477 128.01)"
fill="#efe2dd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 37.386 22.802 69.443 55.256 83.031-10.685 4.474-22.414 6.948-34.723 6.948-49.694 0-89.979-40.285-89.979-89.979s40.285-89.979 89.979-89.979c12.309 0 24.038 2.474 34.723 6.948C22.802-69.443 0-37.386 0 0"
transform="translate(363.483 128.01)"
fill="#efe2dd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-11.302"
transform="translate(325.199 390.146)"
fill="none"
stroke="#495560"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-11.302"
transform="translate(442.834 390.146)"
fill="none"
stroke="#495560"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c3.77-4.327 9.317-7.065 15.507-7.065 6.19 0 11.736 2.738 15.507 7.065"
transform="translate(368.51 379.18)"
fill="none"
stroke="#495560"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-12.793-10.371-23.164-23.164-23.164-6.344 0-29.242-.102-29.242-.102v46.43h29.242C-10.371 23.164 0 12.793 0 0Z"
transform="translate(153.68 411.16)"
fill="none"
stroke="#ffa1ac"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-14.965-12.132-27.097-27.097-27.097-7.422 0-34.348-.119-34.348-.119v54.313h34.348C-12.132 27.097 0 14.965 0 0Z"
transform="translate(162.72 360.872)"
fill="none"
stroke="#ffa1ac"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 32.155-49.246L64.047-.255"
transform="translate(352.243 178.344)"
fill="none"
stroke="#36d49b"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 .126 51.422"
transform="translate(384.273 77.676)"
fill="none"
stroke="#36d49b"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-12.793-10.371-23.164-23.164-23.164-6.344 0-29.242-.102-29.242-.102v46.43h29.242C-10.371 23.164 0 12.793 0 0Z"
transform="translate(153.693 155.18)"
fill="none"
stroke="#c1cff2"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-14.965-12.132-27.097-27.097-27.097-7.422 0-34.348-.119-34.348-.119v54.313h34.348C-12.132 27.097 0 14.965 0 0Z"
transform="translate(162.733 104.892)"
fill="none"
stroke="#c1cff2"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category