Add icons to this collection by clicking the heart icon.
Color Blocks icon - also known as toy blocks, kid and baby, building block, and color blocks. Created in a clean circular 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"
>
<circle cx="256" cy="256" r="256" fill="#32314b" />
<path
fill="#3586cb"
d="M250.61 275.68h-9.32v-17.75a9.7 9.7 0 0 0-9.7-9.7h-35.88a9.7 9.7 0 0 0-9.71 9.7v17.75h-17.26v-17.75a9.7 9.7 0 0 0-9.7-9.7h-35.88a9.7 9.7 0 0 0-9.71 9.7v17.75H96.19v-17.75a9.7 9.7 0 0 0-9.7-9.7H50.61a9.7 9.7 0 0 0-9.71 9.7v17.75h-9.31a5.39 5.39 0 0 0-5.4 5.39v76.28a5.39 5.39 0 0 0 5.4 5.39h219a5.39 5.39 0 0 0 5.39-5.39v-76.28a5.39 5.39 0 0 0-5.37-5.39z"
/>
<g fill="#366fca">
<path
d="M46.84 275.68h49.35v-9.22h-40v-8.53a9.7 9.7 0 0 1 9.71-9.7H50.61a9.7 9.7 0 0 0-9.71 9.7v17.75h-9.32a5.4 5.4 0 0 0-5.39 5.4v76.27a5.4 5.4 0 0 0 5.39 5.39h15.3a5.39 5.39 0 0 1-5.39-5.39v-76.27a5.39 5.39 0 0 1 5.35-5.4zM113.45 266.46h55.29v9.22h-55.29zM186 266.46h55.29v9.22H186z"
/>
</g>
<path
fill="#f6c752"
d="M480.41 275.68h-9.31v-17.75a9.7 9.7 0 0 0-9.71-9.7h-35.88a9.7 9.7 0 0 0-9.7 9.7v17.75h-17.26v-17.75a9.7 9.7 0 0 0-9.71-9.7H353a9.7 9.7 0 0 0-9.7 9.7v17.75H326v-17.75a9.7 9.7 0 0 0-9.71-9.7h-35.88a9.7 9.7 0 0 0-9.7 9.7v17.75h-9.32a5.39 5.39 0 0 0-5.39 5.39v76.28a5.39 5.39 0 0 0 5.39 5.39h219a5.39 5.39 0 0 0 5.4-5.39v-76.28a5.39 5.39 0 0 0-5.38-5.39z"
/>
<path
fill="#f7bb38"
d="M276.64 275.68H326v-9.22h-40v-8.53a9.7 9.7 0 0 1 9.71-9.7h-15.3a9.7 9.7 0 0 0-9.7 9.7v17.75h-9.32a5.39 5.39 0 0 0-5.39 5.4v76.27a5.39 5.39 0 0 0 5.39 5.39h15.29a5.4 5.4 0 0 1-5.39-5.39v-76.27a5.4 5.4 0 0 1 5.35-5.4zM343.26 266.46h55.29v9.22h-55.29zM415.81 266.46h55.29v9.22h-55.29z"
/>
<path
fill="#fc4581"
d="M334.33 191H325v-17.77a9.71 9.71 0 0 0-9.71-9.71h-35.86a9.7 9.7 0 0 0-9.7 9.71V191h-17.26v-17.77a9.71 9.71 0 0 0-9.71-9.71h-35.88a9.7 9.7 0 0 0-9.7 9.71V191h-17.26v-17.77a9.71 9.71 0 0 0-9.71-9.71h-35.88a9.7 9.7 0 0 0-9.7 9.71V191h-9.32a5.39 5.39 0 0 0-5.39 5.4v76.27a5.39 5.39 0 0 0 5.39 5.39h219a5.39 5.39 0 0 0 5.4-5.39v-76.3a5.4 5.4 0 0 0-5.38-5.37z"
/>
<path
fill="#e82d86"
d="M130.56 191h49.36v-9.21h-40v-8.53a9.7 9.7 0 0 1 9.71-9.71h-15.3a9.7 9.7 0 0 0-9.7 9.71V191h-9.32a5.39 5.39 0 0 0-5.39 5.4v76.27a5.39 5.39 0 0 0 5.39 5.39h15.29a5.39 5.39 0 0 1-5.39-5.39v-76.3a5.41 5.41 0 0 1 5.35-5.37zM197.18 181.76h55.29v9.22h-55.29zM269.73 181.76h55.29v9.22h-55.29z"
/>
<path
fill="#db1b1b"
d="M421.59 106.13h-9.31V88.39a9.71 9.71 0 0 0-9.71-9.71h-35.88a9.71 9.71 0 0 0-9.69 9.71v17.74h-17.27V88.39a9.71 9.71 0 0 0-9.73-9.71h-35.86a9.71 9.71 0 0 0-9.71 9.71v17.74h-17.25V88.39a9.71 9.71 0 0 0-9.71-9.71h-35.88a9.71 9.71 0 0 0-9.71 9.71v17.74h-9.31a5.39 5.39 0 0 0-5.39 5.4v76.27a5.39 5.39 0 0 0 5.39 5.39h219a5.39 5.39 0 0 0 5.43-5.39v-76.27a5.39 5.39 0 0 0-5.41-5.4z"
/>
<path
fill="#bc1d1d"
d="M217.82 106.13h49.36v-9.21h-40v-8.53a9.7 9.7 0 0 1 9.7-9.71h-15.29a9.7 9.7 0 0 0-9.71 9.71v17.74h-9.32a5.39 5.39 0 0 0-5.38 5.4v76.27a5.38 5.38 0 0 0 5.38 5.39h15.3a5.39 5.39 0 0 1-5.39-5.39v-76.27a5.41 5.41 0 0 1 5.35-5.4zM284.43 96.92h55.29v9.22h-55.29zM356.98 96.92h55.29v9.22h-55.29z"
/>
<ellipse cx="359.29" cy="146.53" fill="#e83f3f" rx="19.56" ry="10.05" />
<ellipse cx="396.82" cy="146.53" fill="#e83f3f" rx="14.27" ry="7.33" />
<ellipse cx="253.6" cy="236.46" fill="#fc70a2" rx="19.56" ry="10.05" />
<ellipse cx="291.14" cy="236.46" fill="#fc70a2" rx="14.27" ry="7.33" />
<ellipse cx="181.05" cy="321.46" fill="#7cc8fb" rx="19.56" ry="10.05" />
<ellipse cx="218.59" cy="321.46" fill="#7cc8fb" rx="14.27" ry="7.33" />
<ellipse cx="416.39" cy="321.46" fill="#f9e1aa" rx="19.56" ry="10.05" />
<ellipse cx="453.92" cy="321.46" fill="#f9e1aa" rx="14.27" ry="7.33" />
<path
fill="#a65c3b"
d="M488.74 362.74C448.29 450.83 359.28 512 256 512S63.71 450.83 23.26 362.74z"
/>
</svg>
More icons in the same style and category