Add icons to this collection by clicking the heart icon.
Modular icon - also known as block, setting, cube, modular, layout, design, art and design, and color blocks. Created in a clean flat style with a white, silver, gray, yellow, teal, purple, orange, 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="512"
height="512"
viewBox="0 0 512 512"
>
<path
fill="#2387c3"
d="M272 158.667H80c-8.837 0-16-7.163-16-16v-112c0-8.837 7.163-16 16-16h192c8.837 0 16 7.163 16 16v112c0 8.836-7.163 16-16 16z"
/>
<path
fill="#5ad7ff"
d="M176 158.667H80c-8.837 0-16-7.163-16-16v-112c0-8.837 7.163-16 16-16h96c8.837 0 16 7.163 16 16v112c0 8.836-7.163 16-16 16z"
/>
<path
fill="#a5c3dc"
d="M400 158.667H208c-8.837 0-16-7.163-16-16v-112c0-8.837 7.163-16 16-16h192c8.837 0 16 7.163 16 16v112c0 8.836-7.163 16-16 16z"
/>
<path
fill="#d7e6f0"
d="M304 158.667h-96c-8.837 0-16-7.163-16-16v-112c0-8.837 7.163-16 16-16h96c8.837 0 16 7.163 16 16v112c0 8.836-7.163 16-16 16z"
/>
<path
fill="#3cb44b"
d="M272 302.667H80c-8.837 0-16-7.163-16-16v-112c0-8.837 7.163-16 16-16h192c8.837 0 16 7.163 16 16v112c0 8.836-7.163 16-16 16z"
/>
<path
fill="#d7e123"
d="M176 302.667H80c-8.837 0-16-7.163-16-16v-112c0-8.837 7.163-16 16-16h96c8.837 0 16 7.163 16 16v112c0 8.836-7.163 16-16 16z"
/>
<path
fill="#463c4b"
d="M432 334.667H240c-8.837 0-16-7.163-16-16v-112c0-8.837 7.163-16 16-16h192c8.837 0 16 7.163 16 16v112c0 8.836-7.163 16-16 16z"
/>
<path
fill="#555a6e"
d="M336 334.667h-96c-8.837 0-16-7.163-16-16v-112c0-8.837 7.163-16 16-16h96c8.837 0 16 7.163 16 16v112c0 8.836-7.163 16-16 16z"
/>
<path
fill="#fab991"
d="M384 313.333c8.837 0 16 7.163 16 16v16h-32v-16c0-8.836 7.163-16 16-16zM352 313.333c8.837 0 16 7.163 16 16v16h-32v-16c0-8.836 7.163-16 16-16zM320 313.333c8.837 0 16 7.163 16 16v16h-32v-16c0-8.836 7.163-16 16-16zM288 241.333c8.837 0 16 7.163 16 16v88h-32v-88c0-8.836 7.163-16 16-16z"
/>
<path
fill="#f0915a"
d="M272 345.333v120h112v-24c8.837 0 16-7.163 16-16v-80z"
/>
<path
fill="#fab991"
d="M272 465.333h56c0-13.255-10.745-24-24-24h-32zM248 345.333c13.255 0 24 10.745 24 24v72c-17.673 0-32-14.327-32-32v-56a8 8 0 0 1 8-8z"
/>
<path
fill="#555a6e"
d="M384 465.333H272c-8.837 0-16 7.163-16 16v16h144v-16c0-8.836-7.163-16-16-16z"
/>
<path
fill="#463c4b"
d="M384 465.333h-56v32h72v-16c0-8.836-7.163-16-16-16z"
/>
<circle cx="288" cy="257.333" r="8" fill="#f0915a" />
<path
fill="#f0915a"
d="M253.333 377.333H240v-24c10.309 0 18.667 8.357 18.667 18.667a5.333 5.333 0 0 1-5.334 5.333z"
/>
</svg>
More icons in the same style and category