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 flat style with a silver, gray, yellow, olive, 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="#a1d51c">
<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 2z"
/>
</g>
<path fill="#7ab92d" d="M17 43h-5a1 1 0 0 1 0-2h5a1 1 0 0 1 0 2z" />
<path
fill="#a1d51c"
d="M29 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 2z"
/>
<path
fill="#7ab92d"
d="M15 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" fill="#7ab92d" />
<circle cx="21" cy="42" r="1" fill="#a1d51c" />
<circle cx="25" cy="42" r="1" fill="#a1d51c" />
<circle cx="12" cy="37" r="1" fill="#7ab92d" />
<circle cx="20" cy="21" r="1" fill="#a1d51c" />
<path
fill="#57b7eb"
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 30z"
/>
<path
fill="#a1d51c"
d="M52 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 1z"
/>
<g fill="#7ab92d">
<path
d="M11 21a1 1 0 0 0 1 1h1v-2h-1a1 1 0 0 0-1 1zM11 26a1 1 0 0 0 1 1h1.084A26.457 26.457 0 0 1 13 25h-1a1 1 0 0 0-1 1zM11 32a1 1 0 0 0 1 1h2.26q-.318-.984-.556-2H12a1 1 0 0 0-1 1zM15 37a1 1 0 0 0 1 1h.487c-.349-.6-.678-1.219-.979-1.852A.986.986 0 0 0 15 37zM26 48h.876q-.954-.5-1.859-1.085c0 .029-.017.055-.017.085a1 1 0 0 0 1 1z"
/>
</g>
</g>
</svg>
More icons in the same style and category