Add icons to this collection by clicking the heart icon.
Coding icon - also known as computer, cloud, laptop, transfer, code, coding, programing, and seo and web. Created in a clean flat style with a white, gray, red, olive, teal, blue, 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>
<path fill="#ffcd00" d="M7 20h50v25H7z" />
<path fill="#ebbf00" d="M35 45h22V23a22 22 0 0 1-22 22z" />
<path
fill="#2488ff"
d="M50 14a10.879 10.879 0 0 0-4.17.82 14 14 0 0 0-27.66 0A10.879 10.879 0 0 0 14 14a11 11 0 0 0 0 22h36a11 11 0 0 0 0-22z"
/>
<path
fill="#006df0"
d="M41.83 14.82a10.864 10.864 0 0 1 3.837-.8A13.89 13.89 0 0 0 30 3.156 14 14 0 0 1 41.83 14.82zM50 14a11.06 11.06 0 0 0-2.008.189A11 11 0 0 1 46 36h4a11 11 0 0 0 0-22z"
/>
<path
fill="#004fac"
d="M7 45v4a2.006 2.006 0 0 0 2 2h46a2.006 2.006 0 0 0 2-2v-4z"
/>
<path fill="#6d6e71" d="M27 51h10v6H27z" />
<path fill="#939598" d="M21 57a2 2 0 0 0-2 2v2h26v-2a2 2 0 0 0-2-2z" />
<path fill="#58595b" d="M27 51h10v2H27z" />
<g fill="#7ed63e">
<path
d="M23 22v-2a3 3 0 0 0-6 0v2a3 3 0 0 0 6 0zm-4 0v-2a1 1 0 0 1 2 0v2a1 1 0 0 1-2 0zM15 20a3 3 0 0 0-6 0v2a3 3 0 0 0 6 0zm-2 2a1 1 0 0 1-2 0v-2a1 1 0 0 1 2 0zM32 25a3 3 0 0 0 3-3v-2a3 3 0 0 0-6 0v2a3 3 0 0 0 3 3zm-1-5a1 1 0 0 1 2 0v2a1 1 0 0 1-2 0zM40 25a3 3 0 0 0 3-3v-2a3 3 0 0 0-6 0v2a3 3 0 0 0 3 3zm-1-5a1 1 0 0 1 2 0v2a1 1 0 0 1-2 0zM48 25a3 3 0 0 0 3-3v-2a3 3 0 0 0-6 0v2a3 3 0 0 0 3 3zm-1-5a1 1 0 0 1 2 0v2a1 1 0 0 1-2 0zM26 25a1 1 0 0 0 1-1v-6a1 1 0 0 0-2 0v6a1 1 0 0 0 1 1zM25 31v-2a3 3 0 0 0-6 0v2a3 3 0 0 0 6 0zm-4 0v-2a1 1 0 0 1 2 0v2a1 1 0 0 1-2 0zM24 35a3 3 0 0 0-3 3v2a3 3 0 0 0 6 0v-2a3 3 0 0 0-3-3zm1 5a1 1 0 0 1-2 0v-2a1 1 0 0 1 2 0zM33 29a3 3 0 0 0-6 0v2a3 3 0 0 0 6 0zm-2 2a1 1 0 0 1-2 0v-2a1 1 0 0 1 2 0zM41 29a3 3 0 0 0-6 0v2a3 3 0 0 0 6 0zm-2 2a1 1 0 0 1-2 0v-2a1 1 0 0 1 2 0zM36 35a3 3 0 0 0-3 3v2a3 3 0 0 0 6 0v-2a3 3 0 0 0-3-3zm1 5a1 1 0 0 1-2 0v-2a1 1 0 0 1 2 0zM44 35a3 3 0 0 0-3 3v2a3 3 0 0 0 6 0v-2a3 3 0 0 0-3-3zm1 5a1 1 0 0 1-2 0v-2a1 1 0 0 1 2 0zM16 26a1 1 0 0 0-1 1v6a1 1 0 0 0 2 0v-6a1 1 0 0 0-1-1zM12 26a1 1 0 0 0-1 1v6a1 1 0 0 0 2 0v-6a1 1 0 0 0-1-1zM43 33a1 1 0 0 0 2 0v-6a1 1 0 0 0-2 0zM30 35a1 1 0 0 0-1 1v6a1 1 0 0 0 2 0v-6a1 1 0 0 0-1-1z"
/>
</g>
<path fill="#f1f2f2" d="M53 47h-2a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2z" />
<path
fill="#ed1c24"
d="M17.71 40.71a1 1 0 0 0-1.42-1.42L15 40.59V36h-2v4.59l-1.29-1.3a1 1 0 0 0-1.42 1.42l3 3a1.014 1.014 0 0 0 1.42 0zM53.71 30.71a1.014 1.014 0 0 1-1.42 0L51 29.41V36h-2v-6.59l-1.29 1.3a1 1 0 0 1-1.42-1.42l3-3a1.008 1.008 0 0 1 1.42 0l3 3a1.008 1.008 0 0 1 0 1.42z"
/>
</g>
</svg>
More icons in the same style and category