Add icons to this collection by clicking the heart icon.
Coding icon - also known as development, website, code, web programming, web development, web page, programming, coding, server, 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="7"
x2="7"
y1="64.414"
y2="4.418"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<linearGradient id="b" x1="11" x2="11" y1="64.414" y2="4.418" href="#a" />
<linearGradient id="c" x1="15" x2="15" y1="64.414" y2="4.418" href="#a" />
<linearGradient
id="d"
x1="10.5"
x2="10.5"
y1="64.414"
y2="4.418"
href="#a"
/>
<linearGradient id="e" x1="36" x2="36" y1="64.414" y2="4.414" href="#a" />
<linearGradient id="f" x1="57" x2="57" y1="64.414" y2="4.418" href="#a" />
<linearGradient id="g" x1="53" x2="53" y1="64.414" y2="4.418" href="#a" />
<linearGradient id="h" x1="49" x2="49" y1="64.414" y2="4.418" href="#a" />
<linearGradient id="i" x1="45" x2="45" y1="64.414" y2="4.418" href="#a" />
<linearGradient id="j" x1="32" x2="32" y1="64.414" y2="4.39" href="#a" />
<linearGradient
id="k"
x1="21.5"
x2="21.5"
y1="64.414"
y2="4.418"
href="#a"
/>
<linearGradient id="l" x1="16" x2="16" y1="64.414" y2="4.418" href="#a" />
<linearGradient id="m" x1="17" x2="17" y1="64.414" y2="4.418" href="#a" />
<linearGradient
id="n"
x1="18.5"
x2="18.5"
y1="64.414"
y2="4.418"
href="#a"
/>
<linearGradient id="o" x1="21" x2="21" y1="64.414" y2="4.418" href="#a" />
<path fill="url(#a)" d="M6 5h2v2H6z" />
<path fill="url(#b)" d="M10 5h2v2h-2z" />
<path fill="url(#c)" d="M14 5h2v2h-2z" />
<path
fill="url(#d)"
d="M12 21a1 1 0 0 1-.554-.168l-3-2a1 1 0 0 1 0-1.664l3-2a1 1 0 1 1 1.11 1.664L10.8 18l1.752 1.168A1 1 0 0 1 12 21z"
/>
<path
fill="url(#e)"
d="M41 49H31a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1v-4a1 1 0 0 0-1-1zm-1 4h-8v-2h8z"
/>
<path fill="url(#f)" d="M56 49h2v2h-2zM56 53h2v2h-2z" />
<path fill="url(#g)" d="M52 49h2v2h-2zM52 53h2v2h-2z" />
<path fill="url(#h)" d="M48 49h2v2h-2zM48 53h2v2h-2z" />
<path fill="url(#i)" d="M44 49h2v2h-2zM44 53h2v2h-2z" />
<path
fill="url(#e)"
d="M41 33.976H31a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1v-4a1 1 0 0 0-1-1zm-1 4h-8v-2h8z"
/>
<path fill="url(#f)" d="M56 33.976h2v2h-2zM56 37.976h2v2h-2z" />
<path fill="url(#g)" d="M52 33.976h2v2h-2zM52 37.976h2v2h-2z" />
<path fill="url(#h)" d="M48 33.976h2v2h-2zM48 37.976h2v2h-2z" />
<path fill="url(#i)" d="M44 33.976h2v2h-2zM44 37.976h2v2h-2z" />
<path
fill="url(#j)"
d="M61 28.976a1 1 0 0 0 1-1v-12a1 1 0 0 0-1-1h-7V5a3 3 0 0 0-3-3H5a3 3 0 0 0-3 3v44a3 3 0 0 0 3 3h21v6a1 1 0 0 0 1 1h3v2a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1v-2h15.973l-.054 2a1 1 0 0 0 1 1.026h4a1 1 0 0 0 1-.973L57.973 59H61a1 1 0 0 0 1-1V46a1 1 0 0 0-1-1h-3.054l.027-1.024H61a1 1 0 0 0 1-1v-12a1 1 0 0 0-1-1h-3.054l.027-1zm-1-2H28v-10h32zm-24 3v-1h15.973l-.027 1zm-4-1h2v1h-2zM4 5a1 1 0 0 1 1-1h46a1 1 0 0 1 1 1v3H4zm1 45a1 1 0 0 1-1-1V10h48v4.976H27a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h3v1h-3a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h3V45h-3a1 1 0 0 0-1 1v4zm46.973-6.024L51.945 45H36v-1.024zm-17.973 1h-2v-1h2zM34 60h-2v-1h2zm21.945.024h-2L53.974 59h2zM60 57H28V47h32zm-4.055-12h-2l.028-1.024h2zM60 41.976H28v-10h32zm-4.055-12h-2l.028-1h2z"
/>
<path
fill="url(#e)"
d="M31 24.976h10a1 1 0 0 0 1-1v-4a1 1 0 0 0-1-1H31a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1zm1-4h8v2h-8z"
/>
<path fill="url(#f)" d="M56 18.976h2v2h-2zM56 22.976h2v2h-2z" />
<path fill="url(#g)" d="M52 18.976h2v2h-2zM52 22.976h2v2h-2z" />
<path fill="url(#h)" d="M48 18.976h2v2h-2zM48 22.976h2v2h-2z" />
<path fill="url(#i)" d="M44 18.976h2v2h-2zM44 22.976h2v2h-2z" />
<path
fill="url(#k)"
d="m23.555 17.168-3-2a1 1 0 0 0-1.11 1.664L21.2 18l-1.752 1.168a1 1 0 0 0 1.11 1.664l3-2a1 1 0 0 0 0-1.664z"
/>
<path
fill="url(#l)"
d="M15 22a1 1 0 0 1-.949-1.316l2-6a1 1 0 1 1 1.9.632l-2 6A1 1 0 0 1 15 22z"
/>
<path fill="url(#b)" d="M8 24h6v2H8z" />
<path fill="url(#m)" d="M16 24h2v2h-2z" />
<path fill="url(#b)" d="M8 44h6v2H8z" />
<path fill="url(#m)" d="M16 44h2v2h-2z" />
<path fill="url(#b)" d="M10 28h2v2h-2z" />
<path fill="url(#n)" d="M14 28h9v2h-9z" />
<path fill="url(#b)" d="M9 32h4v2H9z" />
<path fill="url(#l)" d="M15 32h2v2h-2z" />
<path fill="url(#o)" d="M19 32h4v2h-4z" />
<g fill="url(#l)"><path d="M9 36h14v2H9zM9 40h14v2H9z" /></g>
</svg>
More icons in the same style and category