Add icons to this collection by clicking the heart icon.
Coding icon - also known as cloud, development, website, code, web programming, web development, web page, programming, coding, and seo and web. Created in a clean gradient 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 64 64"
>
<linearGradient
id="a"
x1="18"
x2="18"
y1="64.369"
y2="2.708"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<linearGradient id="b" x1="32" x2="32" y1="64.369" y2="2.708" href="#a" />
<linearGradient id="c" x1="20" x2="20" y1="64.369" y2="2.708" href="#a" />
<linearGradient id="d" x1="34" x2="34" y1="64.369" y2="2.708" href="#a" />
<linearGradient id="e" x1="46" x2="46" y1="64.369" y2="2.708" href="#a" />
<linearGradient id="f" x1="27" x2="27" y1="64.369" y2="2.708" href="#a" />
<linearGradient
id="g"
x1="40.5"
x2="40.5"
y1="64.369"
y2="2.708"
href="#a"
/>
<linearGradient
id="h"
x1="51.5"
x2="51.5"
y1="64.369"
y2="2.708"
href="#a"
/>
<linearGradient id="i" x1="13" x2="13" y1="64.369" y2="2.708" href="#a" />
<path
fill="url(#a)"
d="M23 30H13a1 1 0 0 1-1-1v-8a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1zm-9-2h8v-6h-8z"
/>
<path
fill="url(#b)"
d="M37 38H27a1 1 0 0 1-1-1V27a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1zm-9-2h8v-8h-8z"
/>
<path fill="url(#c)" d="M16 36h8v2h-8zM16 40h8v2h-8zM16 44h8v2h-8z" />
<path fill="url(#d)" d="M30 40h8v2h-8zM30 44h8v2h-8z" />
<path fill="url(#e)" d="M40 40h12v2H40zM40 44h12v2H40z" />
<path fill="url(#f)" d="M26 40h2v2h-2zM26 44h2v2h-2z" />
<path
fill="url(#g)"
d="M42 20a1 1 0 0 1-.707-.293l-3-3a1 1 0 0 1 0-1.414l3-3a1 1 0 0 1 1.414 1.414L40.414 16l2.293 2.293A1 1 0 0 1 42 20z"
/>
<path
fill="url(#h)"
d="M50 20a1 1 0 0 1-.707-1.707L51.586 16l-2.293-2.293a1 1 0 0 1 1.414-1.414l3 3a1 1 0 0 1 0 1.414l-3 3A1 1 0 0 1 50 20z"
/>
<path
fill="url(#e)"
d="M45 21a.976.976 0 0 1-.244-.03 1 1 0 0 1-.727-1.213l2-8a1 1 0 0 1 1.94.486l-2 8A1 1 0 0 1 45 21z"
/>
<path fill="url(#c)" d="M16 32h8v2h-8z" />
<g fill="url(#i)">
<path d="M12 32h2v2h-2zM12 36h2v2h-2zM12 40h2v2h-2zM12 44h2v2h-2z" />
</g>
<path
fill="url(#b)"
d="M61 52h-1V21.89A6.994 6.994 0 0 0 55 10a6.836 6.836 0 0 0-1 .073V10a8 8 0 0 0-16 0v.073A6.836 6.836 0 0 0 37 10a6.976 6.976 0 0 0-4.89 2H9a5.006 5.006 0 0 0-5 5v35H3a1 1 0 0 0-1 1v4a5.006 5.006 0 0 0 5 5h50a5.006 5.006 0 0 0 5-5v-4a1 1 0 0 0-1-1zM38.774 12.331a1 1 0 0 0 1.347-1.131A6.121 6.121 0 0 1 40 10a6 6 0 0 1 12 0 6.121 6.121 0 0 1-.121 1.2 1 1 0 0 0 1.347 1.128A4.873 4.873 0 0 1 55 12a5 5 0 0 1 0 10H37a5 5 0 0 1 0-10 4.873 4.873 0 0 1 1.774.331zM30.08 18A7 7 0 0 0 37 24h17v24H10V18zM6 17a3 3 0 0 1 3-3h21.685a6.937 6.937 0 0 0-.605 2H9a1 1 0 0 0-1 1v32a1 1 0 0 0 1 1h46a1 1 0 0 0 1-1V23.92a6.937 6.937 0 0 0 2-.605V52H6zm31 37v1a1 1 0 0 1-1 1h-8a1 1 0 0 1-1-1v-1zm23 3a3 3 0 0 1-3 3H7a3 3 0 0 1-3-3v-3h21v1a3 3 0 0 0 3 3h8a3 3 0 0 0 3-3v-1h21z"
/>
<path
fill="url(#e)"
d="M51 38H41a1 1 0 0 1-1-1V27a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1zm-9-2h8v-8h-8z"
/>
</svg>
More icons in the same style and category