Add icons to this collection by clicking the heart icon.
Coding icon - also known as development, website, code, web programming, web development, web page, developer, 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="32"
x2="32"
y1="63.876"
y2="3.876"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<linearGradient id="b" x1="15" x2="15" y1="63.876" y2="3.88" href="#a" />
<linearGradient id="c" x1="19" x2="19" y1="63.876" y2="3.88" href="#a" />
<linearGradient id="d" x1="23" x2="23" y1="63.876" y2="3.88" href="#a" />
<linearGradient id="e" x1="32" x2="32" y1="63.876" y2="3.88" href="#a" />
<linearGradient id="f" x1="34" x2="34" y1="63.876" y2="3.88" href="#a" />
<linearGradient id="g" x1="17" x2="17" y1="63.876" y2="3.88" href="#a" />
<linearGradient
id="h"
x1="22.5"
x2="22.5"
y1="63.876"
y2="3.88"
href="#a"
/>
<linearGradient
id="i"
x1="33.5"
x2="33.5"
y1="63.876"
y2="3.88"
href="#a"
/>
<linearGradient id="j" x1="28" x2="28" y1="63.876" y2="3.88" href="#a" />
<linearGradient id="k" x1="24" x2="24" y1="63.876" y2="3.88" href="#a" />
<linearGradient id="l" x1="30" x2="30" y1="63.876" y2="3.88" href="#a" />
<linearGradient id="m" x1="44" x2="44" y1="63.876" y2="3.88" href="#a" />
<linearGradient id="n" x1="25" x2="25" y1="63.876" y2="3.88" href="#a" />
<linearGradient id="o" x1="39" x2="39" y1="63.876" y2="3.88" href="#a" />
<linearGradient
id="p"
x1="52.5"
x2="52.5"
y1="63.876"
y2="3.876"
href="#a"
/>
<linearGradient id="q" x1="56" x2="56" y1="63.876" y2="3.88" href="#a" />
<linearGradient id="r" x1="8" x2="8" y1="63.876" y2="3.88" href="#a" />
<linearGradient id="s" x1="26" x2="26" y1="63.876" y2="3.88" href="#a" />
<linearGradient id="t" x1="35" x2="35" y1="63.876" y2="3.88" href="#a" />
<linearGradient id="u" x1="45" x2="45" y1="63.876" y2="3.88" href="#a" />
<linearGradient
id="v"
x1="12.5"
x2="12.5"
y1="63.876"
y2="3.876"
href="#a"
/>
<linearGradient id="w" x1="27" x2="27" y1="63.876" y2="3.88" href="#a" />
<linearGradient id="x" x1="36" x2="36" y1="63.876" y2="3.88" href="#a" />
<g>
<path
fill="url(#a)"
d="M32 11a3 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-1z"
/>
<path
fill="url(#a)"
d="M32 14c-5.387 0-9.6-5.153-9.778-5.373a1 1 0 0 1 0-1.254C22.4 7.153 26.613 2 32 2s9.6 5.153 9.778 5.373a1 1 0 0 1 0 1.254C41.6 8.847 37.387 14 32 14zm-7.654-6c1.216 1.266 4.237 4 7.654 4s6.438-2.734 7.654-4C38.438 6.734 35.417 4 32 4s-6.438 2.734-7.654 4z"
/>
<path fill="url(#b)" d="M14 19h2v2h-2z" />
<path fill="url(#c)" d="M18 19h2v2h-2z" />
<path fill="url(#d)" d="M22 19h2v2h-2z" />
<path
fill="url(#e)"
d="M11 49a1 1 0 0 0 1-1V24h40v1a1 1 0 0 0 2 0v-6a3 3 0 0 0-3-3H13a3 3 0 0 0-3 3v29a1 1 0 0 0 1 1zm2-31h38a1 1 0 0 1 1 1v3H12v-3a1 1 0 0 1 1-1z"
/>
<path
fill="url(#f)"
d="M53 40a1 1 0 0 0-1 1v18a1 1 0 0 1-1 1H15a1 1 0 0 0 0 2h36a3 3 0 0 0 3-3V41a1 1 0 0 0-1-1z"
/>
<path fill="url(#g)" d="M16 30v22a1 1 0 0 0 2 0V30a1 1 0 0 0-2 0z" />
<path
fill="url(#h)"
d="M24.832 27.445a1 1 0 0 0-1.387-.277l-3 2a1 1 0 0 0 0 1.664l3 2a1 1 0 1 0 1.11-1.664L22.8 30l1.752-1.168a1 1 0 0 0 .28-1.387z"
/>
<path
fill="url(#i)"
d="M31.168 32.555a1 1 0 0 0 1.387.277l3-2a1 1 0 0 0 0-1.664l-3-2a1 1 0 0 0-1.11 1.664L33.2 30l-1.752 1.168a1 1 0 0 0-.28 1.387z"
/>
<path
fill="url(#j)"
d="M29.316 26.051a1 1 0 0 0-1.264.633l-2 6a1 1 0 1 0 1.9.632l2-6a1 1 0 0 0-.636-1.265z"
/>
<path fill="url(#k)" d="M21 36h6v2h-6z" />
<path fill="url(#l)" d="M29 36h2v2h-2zM24 40h12v2H24z" />
<path fill="url(#m)" d="M42 40h4v2h-4z" />
<path fill="url(#n)" d="M24 44h2v2h-2z" />
<path fill="url(#f)" d="M28 44h12v2H28z" />
<path fill="url(#m)" d="M42 44h4v2h-4z" />
<path fill="url(#k)" d="M21 48h6v2h-6z" />
<path fill="url(#l)" d="M29 48h2v2h-2z" />
<path fill="url(#o)" d="M38 40h2v2h-2z" />
<path
fill="url(#p)"
d="M56 27a6.006 6.006 0 0 0-5.91 5H46a3 3 0 0 0-3 3v3h2v-3a1 1 0 0 1 1-1h4.09A6 6 0 1 0 56 27zm0 10a4 4 0 1 1 4-4 4 4 0 0 1-4 4z"
/>
<path fill="url(#q)" d="M55 30h2v2h-2zM55 33h2v3h-2z" />
<path fill="url(#r)" d="M7 53h2v2H7zM7 56h2v3H7z" />
<path fill="url(#s)" d="M25 52h2v2h-2z" />
<path fill="url(#t)" d="M29 52h12v2H29z" />
<path fill="url(#u)" d="M43 52h4v2h-4z" />
<path
fill="url(#v)"
d="M23 57v-2h-9.09a6 6 0 1 0 0 2zM8 60a4 4 0 1 1 4-4 4 4 0 0 1-4 4z"
/>
<path fill="url(#w)" d="M25 56h4v2h-4z" />
<path fill="url(#x)" d="M31 56h10v2H31z" />
</g>
</svg>
More icons in the same style and category