Add icons to this collection by clicking the heart icon.
Coding icon - also known as interface, cloud, data, ui, coding, server, programing, computing cloud, seo and web, and files and folders. Created in a clean lineal color style with a silver, gray, yellow, teal, and orange 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 64 64"
>
<g>
<rect width="58" height="58" x="3" y="3" fill="#aae1f9" rx="2" />
<path
fill="#57b7eb"
d="M39 51a26 26 0 0 1-26-26V3H5a2 2 0 0 0-2 2v54a2 2 0 0 0 2 2h54a2 2 0 0 0 2-2v-8z"
/>
<circle cx="9" cy="9" r="2" fill="#fcbc04" />
<circle cx="17" cy="9" r="2" fill="#57b7eb" />
<circle cx="25" cy="9" r="2" fill="#c4f236" />
<path fill="#4891d3" d="M33 7h24v4H33z" />
<path fill="#f9e109" d="M7 15h50v42H7z" />
<path fill="#fcbc04" d="M39 51a26 26 0 0 1-26-26V15H7v42h50v-6z" />
<g fill="#39519d">
<path
d="M16 22h-4a1 1 0 0 1 0-2h4a1 1 0 0 1 0 2zM27 22h-3a1 1 0 0 1 0-2h3a1 1 0 0 1 0 2zM20 27h-8a1 1 0 0 1 0-2h8a1 1 0 0 1 0 2zM26 27h-2a1 1 0 0 1 0-2h2a1 1 0 0 1 0 2zM15 33h-3a1 1 0 0 1 0-2h3a1 1 0 0 1 0 2zM28 33h-5a1 1 0 0 1 0-2h5a1 1 0 0 1 0 2z"
/>
<circle cx="19" cy="32" r="1" />
<path
d="M22 38h-6a1 1 0 0 1 0-2h6a1 1 0 0 1 0 2zM30 38h-3a1 1 0 0 1 0-2h3a1 1 0 0 1 0 2zM17 43h-5a1 1 0 0 1 0-2h5a1 1 0 0 1 0 2zM29 48h-3a1 1 0 0 1 0-2h3a1 1 0 0 1 0 2zM31 43h-2a1 1 0 0 1 0-2h2a1 1 0 0 1 0 2zM15 48h-3a1 1 0 0 1 0-2h3a1 1 0 0 1 0 2zM22 48h-3a1 1 0 0 1 0-2h3a1 1 0 0 1 0 2zM17 53h-5a1 1 0 0 1 0-2h5a1 1 0 0 1 0 2z"
/>
<circle cx="21" cy="52" r="1" />
<circle cx="21" cy="42" r="1" />
<circle cx="25" cy="42" r="1" />
<circle cx="12" cy="37" r="1" />
<circle cx="20" cy="21" r="1" />
<path
d="M38 30a1 1 0 0 1-.707-.293l-4-4a1 1 0 0 1 0-1.414l4-4a1 1 0 0 1 1.414 1.414L35.414 25l3.293 3.293A1 1 0 0 1 38 30zM42 30a1 1 0 0 1-.949-1.316l3-9a1 1 0 0 1 1.9.632l-3 9A1 1 0 0 1 42 30zM49 30a1 1 0 0 1-.707-1.707L51.586 25l-3.293-3.293a1 1 0 0 1 1.414-1.414l4 4a1 1 0 0 1 0 1.414l-4 4A1 1 0 0 1 49 30zM52 40a1 1 0 0 1-1-1v-4a1 1 0 0 1 2 0v4a1 1 0 0 1-1 1zM47 40h-2a2 2 0 0 1-2-2v-2a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v2a2 2 0 0 1-2 2zm-2-4v2h2v-2zM36 40a1 1 0 0 1-1-1v-4a1 1 0 0 1 2 0v4a1 1 0 0 1-1 1zM40 40a1 1 0 0 1-1-1v-4a1 1 0 0 1 2 0v4a1 1 0 0 1-1 1zM43 48h-2a2 2 0 0 1-2-2v-2a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v2a2 2 0 0 1-2 2zm-2-4v2h2v-2zM51 48h-2a2 2 0 0 1-2-2v-2a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v2a2 2 0 0 1-2 2zm-2-4v2h2v-2zM36 48a1 1 0 0 1-1-1v-4a1 1 0 0 1 2 0v4a1 1 0 0 1-1 1zM9 12a3 3 0 1 1 3-3 3 3 0 0 1-3 3zm0-4a1 1 0 1 0 1 1 1 1 0 0 0-1-1zM17 12a3 3 0 1 1 3-3 3 3 0 0 1-3 3zm0-4a1 1 0 1 0 1 1 1 1 0 0 0-1-1zM25 12a3 3 0 1 1 3-3 3 3 0 0 1-3 3zm0-4a1 1 0 1 0 1 1 1 1 0 0 0-1-1zM57 12H33a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h24a1 1 0 0 1 0 2H34v2h23a1 1 0 0 1 0 2z"
/>
<path
d="M57 58H7a1 1 0 0 1-1-1V15a1 1 0 0 1 1-1h8a1 1 0 0 1 0 2H8v40h48V16H19a1 1 0 0 1 0-2h38a1 1 0 0 1 1 1v42a1 1 0 0 1-1 1z"
/>
<path
d="M59 62H5a3 3 0 0 1-3-3V49a1 1 0 0 1 2 0v10a1 1 0 0 0 1 1h54a1 1 0 0 0 1-1V24a1 1 0 0 1 2 0v35a3 3 0 0 1-3 3zM3 46a1 1 0 0 1-1-1V5a3 3 0 0 1 3-3h54a3 3 0 0 1 3 3v15a1 1 0 0 1-2 0V5a1 1 0 0 0-1-1H5a1 1 0 0 0-1 1v40a1 1 0 0 1-1 1z"
/>
</g>
</g>
</svg>
More icons in the same style and category