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="11"
x2="11"
y1="63.904"
y2="3.076"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<linearGradient id="b" x1="15" x2="15" y1="63.904" y2="3.076" href="#a" />
<linearGradient id="c" x1="19" x2="19" y1="63.904" y2="3.076" href="#a" />
<linearGradient id="d" x1="20" x2="20" y1="63.904" y2="3.076" href="#a" />
<linearGradient id="e" x1="26" x2="26" y1="63.904" y2="3.076" href="#a" />
<linearGradient
id="f"
x1="44.5"
x2="44.5"
y1="63.904"
y2="3.076"
href="#a"
/>
<linearGradient
id="g"
x1="55.5"
x2="55.5"
y1="63.904"
y2="3.076"
href="#a"
/>
<linearGradient id="h" x1="50" x2="50" y1="63.904" y2="3.076" href="#a" />
<linearGradient id="i" x1="13" x2="13" y1="63.904" y2="3.076" href="#a" />
<linearGradient
id="j"
x1="18.5"
x2="18.5"
y1="63.904"
y2="3.076"
href="#a"
/>
<linearGradient
id="k"
x1="29.5"
x2="29.5"
y1="63.904"
y2="3.076"
href="#a"
/>
<linearGradient id="l" x1="24" x2="24" y1="63.904" y2="3.076" href="#a" />
<linearGradient id="m" x1="27" x2="27" y1="63.904" y2="3.076" href="#a" />
<linearGradient
id="n"
x1="43.5"
x2="43.5"
y1="63.904"
y2="3.076"
href="#a"
/>
<linearGradient id="o" x1="22" x2="22" y1="63.904" y2="3.076" href="#a" />
<linearGradient id="p" x1="31" x2="31" y1="63.904" y2="3.076" href="#a" />
<linearGradient id="q" x1="41" x2="41" y1="63.904" y2="3.076" href="#a" />
<linearGradient id="r" x1="36" x2="36" y1="63.904" y2="3.076" href="#a" />
<linearGradient id="s" x1="29" x2="29" y1="63.904" y2="3.076" href="#a" />
<linearGradient id="t" x1="4" x2="4" y1="63.904" y2="3.076" href="#a" />
<linearGradient id="u" x1="18" x2="18" y1="63.904" y2="3.076" href="#a" />
<linearGradient id="v" x1="7" x2="7" y1="63.904" y2="3.076" href="#a" />
<linearGradient id="w" x1="61" x2="61" y1="63.904" y2="3.076" href="#a" />
<linearGradient
id="x"
x1="56.5"
x2="56.5"
y1="63.904"
y2="3.076"
href="#a"
/>
<linearGradient
id="y"
x1="46.5"
x2="46.5"
y1="63.904"
y2="3.076"
href="#a"
/>
<linearGradient id="z" x1="51" x2="51" y1="63.904" y2="3.076" href="#a" />
<g>
<path fill="url(#a)" d="M10 13h2v2h-2z" />
<path fill="url(#b)" d="M14 13h2v2h-2z" />
<path fill="url(#c)" d="M18 13h2v2h-2z" />
<path fill="url(#d)" d="M17 41h6v2h-6z" />
<path fill="url(#e)" d="M25 41h2v2h-2z" />
<path
fill="url(#f)"
d="M46 54a1 1 0 0 1-.707-.293l-3-3a1 1 0 0 1 0-1.414l3-3a1 1 0 0 1 1.414 1.414L44.414 50l2.293 2.293A1 1 0 0 1 46 54z"
/>
<path
fill="url(#g)"
d="M54 54a1 1 0 0 1-.707-1.707L55.586 50l-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 54 54z"
/>
<path
fill="url(#h)"
d="M49 56a.948.948 0 0 1-.2-.02 1 1 0 0 1-.78-1.18l2-10a1 1 0 1 1 1.96.392l-2 10A1 1 0 0 1 49 56z"
/>
<path fill="url(#i)" d="M12 23v24a1 1 0 0 0 2 0V23a1 1 0 0 0-2 0z" />
<path
fill="url(#j)"
d="M20.832 21.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.664L18.8 24l1.752-1.168a1 1 0 0 0 .28-1.387z"
/>
<path
fill="url(#k)"
d="M27.168 26.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.664L29.2 24l-1.752 1.168a1 1 0 0 0-.28 1.387z"
/>
<path
fill="url(#l)"
d="M25.316 20.051a1 1 0 0 0-1.265.633l-2 6a1 1 0 0 0 1.9.632l2-6a1 1 0 0 0-.635-1.265z"
/>
<path fill="url(#d)" d="M17 29h6v2h-6z" />
<path fill="url(#e)" d="M25 29h2v2h-2z" />
<path fill="url(#m)" d="M21 33h12v2H21z" />
<path fill="url(#n)" d="M39 31h9v2h-9z" />
<path fill="url(#o)" d="M21 37h2v2h-2z" />
<path fill="url(#p)" d="M25 37h12v2H25z" />
<path fill="url(#q)" d="M39 35h4v2h-4z" />
<path fill="url(#r)" d="M35 31h2v2h-2z" />
<path
fill="url(#h)"
d="M50 38a12 12 0 1 0 12 12 12.013 12.013 0 0 0-12-12zm0 22a10 10 0 1 1 10-10 10.011 10.011 0 0 1-10 10z"
/>
<path
fill="url(#s)"
d="M36 50H9a1 1 0 0 1-1-1V18h42v18a1 1 0 0 0 2 0V13a3 3 0 0 0-3-3H9a3 3 0 0 0-3 3v36a3 3 0 0 0 3 3h27a1 1 0 0 0 0-2zM9 12h40a1 1 0 0 1 1 1v3H8v-3a1 1 0 0 1 1-1z"
/>
<path fill="url(#t)" d="M6 62H2v-8h4v2H4v4h2z" />
<path fill="url(#u)" d="M20 62h-4v-2h2v-4h-2v-2h4z" />
<path fill="url(#v)" d="M6 57h2v2H6z" />
<path fill="url(#a)" d="M10 57h2v2h-2z" />
<path fill="url(#b)" d="M14 57h2v2h-2z" />
<path fill="url(#w)" d="M60 2h2v6h-2z" />
<path
fill="url(#x)"
d="M57 8h-1a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h1a2 2 0 0 1 2 2v2a2 2 0 0 1-2 2zm-1-4v2h1V4z"
/>
<path
fill="url(#y)"
d="M47 8h-1a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h1a2 2 0 0 1 2 2v2a2 2 0 0 1-2 2zm-1-4v2h1V4z"
/>
<path fill="url(#z)" d="M50 2h2v6h-2z" />
</g>
</svg>
More icons in the same style and category