Add icons to this collection by clicking the heart icon.
Clean Code icon - also known as technology, interface, laptop, web design, networking, website, diamond, ui, web page, seo and web, and clean code. Created in a clean color omission style with a white, silver, and gray 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 32 32"
>
<path fill="#eceff1" d="M28.5 24V7.5a1 1 0 0 0-1-1h-23a1 1 0 0 0-1 1V24z" />
<g fill="#455a64">
<path
d="M3.5 24a.5.5 0 0 1-.5-.5v-16C3 6.673 3.673 6 4.5 6h2a.5.5 0 0 1 0 1h-2c-.275 0-.5.225-.5.5v16a.5.5 0 0 1-.5.5zM28.5 24a.5.5 0 0 1-.5-.5v-16c0-.275-.225-.5-.5-.5h-2a.5.5 0 0 1 0-1h2c.827 0 1.5.673 1.5 1.5v16a.5.5 0 0 1-.5.5z"
/>
</g>
<path fill="#65f0cd" d="M5 8h22v16H5z" />
<path
fill="#78909c"
d="M12.5 25.5h-11a2 2 0 0 0 2 2h25a2 2 0 0 0 2-2h-11z"
/>
<path
fill="#455a64"
d="M28.5 28h-25A2.502 2.502 0 0 1 1 25.5a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1H2.086c.206.582.762 1 1.414 1h25c.652 0 1.208-.418 1.414-1H19.5a.5.5 0 0 1 0-1h11a.5.5 0 0 1 .5.5c0 1.379-1.121 2.5-2.5 2.5z"
/>
<path fill="#80d8ff" d="m16 19.5-4.5-10h9z" />
<path fill="#a9e4ff" d="m16 4.5-4.5 5h9z" />
<path fill="#73c2e6" d="m24.5 9-4-4.5v5z" />
<path fill="#80d8ff" d="M16 4.5h4.5v5zM16 4.5l-4.5 5v-5z" />
<path fill="#a9e4ff" d="m7.5 9 4 .5v-5z" />
<path fill="#a9e4ff" d="m16 19.5-4.5-10-4-.5z" />
<path fill="#73c2e6" d="M16 19.5 24.5 9l-4 .5z" />
<path
fill="#455a64"
d="M16 20a.5.5 0 0 1-.456-.295l-4.5-10A.498.498 0 0 1 11.5 9h9a.499.499 0 0 1 .456.706l-4.5 10A.501.501 0 0 1 16 20zm-3.727-10L16 18.281 19.727 10z"
/>
<path
fill="#455a64"
d="M20.5 10h-9a.5.5 0 0 1-.372-.835l4.5-5a.52.52 0 0 1 .744 0l4.5 5A.501.501 0 0 1 20.5 10zm-7.877-1h6.754L16 5.247z"
/>
<path
fill="#455a64"
d="M20.5 10a.501.501 0 0 1-.5-.5v-5a.5.5 0 0 1 .874-.332l4 4.5a.501.501 0 0 1-.311.828l-4 .5A.454.454 0 0 1 20.5 10zm.5-4.185v3.118l2.495-.312z"
/>
<path
fill="#455a64"
d="M20.5 10a.502.502 0 0 1-.372-.165l-4.5-5A.501.501 0 0 1 16 4h4.5a.5.5 0 0 1 .5.5v5a.5.5 0 0 1-.5.5zm-3.377-5L20 8.197V5z"
/>
<path
fill="#455a64"
d="M11.5 10a.5.5 0 0 1-.372-.835L14.877 5H11.5a.5.5 0 0 1 0-1H16a.5.5 0 0 1 .372.835l-4.5 5A.503.503 0 0 1 11.5 10z"
/>
<path
fill="#455a64"
d="M11.5 10a.454.454 0 0 1-.063-.004l-4-.5a.498.498 0 0 1-.311-.828l2.223-2.5a.501.501 0 0 1 .748.664l-1.592 1.79L11 8.934V4.5a.5.5 0 0 1 1 0v5a.501.501 0 0 1-.5.5z"
/>
<path
fill="#455a64"
d="M16 20a.497.497 0 0 1-.389-.186l-8.5-10.5a.5.5 0 0 1-.048-.557.484.484 0 0 1 .5-.253l4 .5a.5.5 0 0 1-.125.993L8.67 9.65l7.719 9.535A.5.5 0 0 1 16 20z"
/>
<path
fill="#455a64"
d="M16 20a.498.498 0 0 1-.456-.705l4.5-10a.498.498 0 0 1 .394-.291l4-.5a.502.502 0 0 1 .451.811l-8.5 10.5A.5.5 0 0 1 16 20zm4.841-10.039-2.801 6.225 5.29-6.535z"
/>
</svg>
More icons in the same style and category