Add icons to this collection by clicking the heart icon.
Clean Code icon - also known as computer, window, diamond, code, browser, programming, coding, and clean code. Created in a clean lineal color 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 60 60"
>
<g fill="none" fill-rule="evenodd">
<path fill="#f5f5f5" d="M59 13v41a5 5 0 0 1-5 5H6a5 5 0 0 1-5-5V13z" />
<path fill="#cfd8dc" d="M56 13v41a5 5 0 0 1-5 5h3a5 5 0 0 0 5-5V13z" />
<path fill="#02a9f4" d="M59 6v7H1V6a5 5 0 0 1 5-5h48a5 5 0 0 1 5 5z" />
<circle cx="7" cy="7" r="2" fill="#a4c400" />
<circle cx="15" cy="7" r="2" fill="#ffdc00" />
<circle cx="23" cy="7" r="2" fill="#ef314c" />
<path fill="#0377bc" d="M53 9a2 2 0 1 0 0-4H43a2 2 0 1 0 0 4z" />
<path
fill="#00bcd4"
d="m45.52 28.017-3.5-4.261a2.068 2.068 0 0 0-.967-.646l.009-.01h-.039a2.022 2.022 0 0 0-.595-.1H19.574a2.022 2.022 0 0 0-.6.1h-.034l.009.01a2.068 2.068 0 0 0-.967.646l-3.5 4.261a2.124 2.124 0 0 0-.056 2.618l13.926 18.537a2.054 2.054 0 0 0 3.3 0l13.924-18.537a2.124 2.124 0 0 0-.056-2.618z"
/>
<path
fill="#00838f"
d="m45.52 28.017-3.5-4.261a2.068 2.068 0 0 0-.967-.646l.009-.01h-.039a2.022 2.022 0 0 0-.595-.1h-3c.202.003.403.037.595.1h.039l-.009.01c.377.118.713.343.967.646l3.5 4.261c.618.756.641 1.836.056 2.618L28.648 49.172a1.988 1.988 0 0 1-.148.156 2.045 2.045 0 0 0 3.148-.156l13.928-18.537a2.124 2.124 0 0 0-.056-2.618z"
/>
<g fill="#000">
<path
fill-rule="nonzero"
d="M54 0H6a6.006 6.006 0 0 0-6 6v48a6.006 6.006 0 0 0 6 6h48a6.006 6.006 0 0 0 6-6V6a6.006 6.006 0 0 0-6-6zM6 2h48a4 4 0 0 1 4 4v6H2V6a4 4 0 0 1 4-4zm48 56H6a4 4 0 0 1-4-4V14h56v40a4 4 0 0 1-4 4z"
/>
<path
fill-rule="nonzero"
d="M7 10a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-4a1 1 0 1 1 0 2 1 1 0 0 1 0-2zM15 10a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-4a1 1 0 1 1 0 2 1 1 0 0 1 0-2zM23 10a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-4a1 1 0 1 1 0 2 1 1 0 0 1 0-2zM43 10h10a3 3 0 0 0 0-6H43a3 3 0 0 0 0 6zm0-4h10a1 1 0 0 1 0 2H43a1 1 0 0 1 0-2z"
/>
<path
d="M11 32a1 1 0 0 0-1 1v22a1 1 0 0 0 2 0V33a1 1 0 0 0-1-1zM11 16a1 1 0 0 0-1 1v9a1 1 0 0 0 2 0v-9a1 1 0 0 0-1-1zM7 17H5a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2zM15 19h11a1 1 0 0 0 0-2H15a1 1 0 0 0 0 2zM7 22H5a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2zM7 27H5a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2zM7 32H5a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2zM7 37H5a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2zM7 42H5a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2zM7 52H5a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2zM38 52h-4a1 1 0 0 0 0 2h4a1 1 0 0 0 0-2zM26 52H15a1 1 0 0 0 0 2h11a1 1 0 0 0 0-2zM7 47H5a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2zM15 49h7a1 1 0 0 0 0-2h-7a1 1 0 0 0 0 2zM46 24h3a1 1 0 0 0 0-2h-3a1 1 0 0 0 0 2zM55 22h-2a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2zM48 33a1 1 0 0 0 1 1h3a1 1 0 0 0 0-2h-3a1 1 0 0 0-1 1zM54 37h-2a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2zM48 43a1 1 0 0 0-1-1h-3a1 1 0 0 0 0 2h3a1 1 0 0 0 1-1zM54 42h-3a1 1 0 0 0 0 2h3a1 1 0 0 0 0-2z"
/>
<path
fill-rule="nonzero"
d="M43 47h-8.469l2.254-3H40a1 1 0 0 0 0-2h-1.712l2.254-3H48a1 1 0 0 0 0-2h-5.955l4.33-5.764a3.11 3.11 0 0 0-.083-3.854l-3.5-4.261A3.052 3.052 0 0 0 40.426 22H19.574c-.917 0-1.785.411-2.365 1.121l-3.5 4.261a3.11 3.11 0 0 0-.083 3.854L17.955 37H15a1 1 0 0 0 0 2h4.458l2.254 3H15a1 1 0 0 0 0 2h8.215l4.337 5.772a3.054 3.054 0 0 0 4.9 0l.58-.772H43a1 1 0 0 0 0-2zM30 24.414 33.586 28h-7.172zm-5.944 3.115L21.03 24h6.556zM32.414 24h6.556l-3.026 3.529zm2.26 6L30 46.359 25.326 30zm-2.859 17.285L36.754 30H44.8c-.008.011-.01.024-.018.035zM44.212 28h-6.037l3.083-3.594zm-25.47-3.594L21.825 28h-6.037zm-3.519 5.629c-.008-.011-.01-.024-.018-.035h8.041l4.939 17.286z"
/>
<path d="M53 47h-6a1 1 0 0 0 0 2h6a1 1 0 0 0 0-2z" />
</g>
</g>
</svg>
More icons in the same style and category