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, 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="14"
x2="14"
y1="65.214"
y2="2.708"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<linearGradient id="b" x1="18" x2="18" y1="65.214" y2="2.708" href="#a" />
<linearGradient id="c" x1="22" x2="22" y1="65.214" y2="2.708" href="#a" />
<linearGradient id="d" x1="26" x2="26" y1="65.214" y2="2.708" href="#a" />
<linearGradient id="e" x1="30" x2="30" y1="65.214" y2="2.708" href="#a" />
<linearGradient id="f" x1="34" x2="34" y1="65.214" y2="2.708" href="#a" />
<linearGradient id="g" x1="38" x2="38" y1="65.214" y2="2.708" href="#a" />
<linearGradient id="h" x1="42" x2="42" y1="65.214" y2="2.708" href="#a" />
<linearGradient id="i" x1="46" x2="46" y1="65.214" y2="2.708" href="#a" />
<linearGradient id="j" x1="50" x2="50" y1="65.214" y2="2.708" href="#a" />
<linearGradient id="k" x1="32" x2="32" y1="65.214" y2="2.708" href="#a" />
<linearGradient id="l" x1="13" x2="13" y1="65.214" y2="2.708" href="#a" />
<linearGradient id="m" x1="17" x2="17" y1="65.214" y2="2.708" href="#a" />
<linearGradient id="n" x1="21" x2="21" y1="65.214" y2="2.708" href="#a" />
<linearGradient id="o" x1="15" x2="15" y1="65.214" y2="2.708" href="#a" />
<linearGradient
id="p"
x1="20.5"
x2="20.5"
y1="65.214"
y2="2.708"
href="#a"
/>
<linearGradient
id="q"
x1="31.5"
x2="31.5"
y1="65.214"
y2="2.708"
href="#a"
/>
<linearGradient id="r" x1="28" x2="28" y1="65.214" y2="2.708" href="#a" />
<linearGradient id="s" x1="29" x2="29" y1="65.214" y2="2.708" href="#a" />
<linearGradient
id="t"
x1="45.5"
x2="45.5"
y1="65.214"
y2="2.708"
href="#a"
/>
<linearGradient id="u" x1="24" x2="24" y1="65.214" y2="2.708" href="#a" />
<linearGradient id="v" x1="33" x2="33" y1="65.214" y2="2.708" href="#a" />
<linearGradient id="w" x1="43" x2="43" y1="65.214" y2="2.708" href="#a" />
<linearGradient id="x" x1="35" x2="35" y1="65.214" y2="2.708" href="#a" />
<g>
<path fill="url(#a)" d="M13 50h2v2h-2z" />
<path fill="url(#b)" d="M17 50h2v2h-2z" />
<path fill="url(#c)" d="M21 50h2v2h-2z" />
<path fill="url(#d)" d="M25 50h2v2h-2z" />
<path fill="url(#e)" d="M29 50h2v2h-2z" />
<path fill="url(#f)" d="M33 50h2v2h-2z" />
<path fill="url(#g)" d="M37 50h2v2h-2z" />
<path fill="url(#h)" d="M41 50h2v2h-2z" />
<path fill="url(#i)" d="M45 50h2v2h-2z" />
<path fill="url(#j)" d="M49 50h2v2h-2z" />
<path fill="url(#a)" d="M13 53h2v2h-2z" />
<path fill="url(#b)" d="M17 53h2v2h-2z" />
<path fill="url(#c)" d="M21 53h2v2h-2z" />
<path fill="url(#d)" d="M25 53h2v2h-2z" />
<path fill="url(#e)" d="M29 53h2v2h-2z" />
<path fill="url(#f)" d="M33 53h2v2h-2z" />
<path fill="url(#g)" d="M37 53h2v2h-2z" />
<path fill="url(#h)" d="M41 53h2v2h-2z" />
<path fill="url(#i)" d="M45 53h2v2h-2z" />
<path fill="url(#j)" d="M49 53h2v2h-2z" />
<path fill="url(#a)" d="M13 56h2v2h-2z" />
<path fill="url(#b)" d="M17 56h2v2h-2z" />
<path fill="url(#c)" d="M21 56h2v2h-2z" />
<path fill="url(#k)" d="M25 56h14v2H25z" />
<path fill="url(#h)" d="M41 56h2v2h-2z" />
<path fill="url(#i)" d="M45 56h2v2h-2z" />
<path fill="url(#j)" d="M49 56h2v2h-2z" />
<path fill="url(#l)" d="M12 5h2v2h-2z" />
<path fill="url(#m)" d="M16 5h2v2h-2z" />
<path fill="url(#n)" d="M20 5h2v2h-2z" />
<path
fill="url(#o)"
d="M15 15a1 1 0 0 0-1 1v19a1 1 0 0 0 2 0V16a1 1 0 0 0-1-1z"
/>
<path
fill="url(#p)"
d="M22 19a1 1 0 0 0 .556-1.832L20.8 16l1.752-1.168a1 1 0 1 0-1.11-1.664l-3 2a1 1 0 0 0 0 1.664l3 2A1 1 0 0 0 22 19z"
/>
<path
fill="url(#q)"
d="M29.168 18.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.664L31.2 16l-1.752 1.168a1 1 0 0 0-.28 1.387z"
/>
<path
fill="url(#d)"
d="M24.684 19.949a1 1 0 0 0 1.264-.633l2-6a1 1 0 1 0-1.9-.632l-2 6a1 1 0 0 0 .636 1.265z"
/>
<path fill="url(#c)" d="M19 22h6v2h-6z" />
<path fill="url(#r)" d="M27 22h2v2h-2z" />
<path fill="url(#s)" d="M23 26h12v2H23z" />
<path fill="url(#t)" d="M41 26h9v2h-9z" />
<path fill="url(#u)" d="M23 30h2v2h-2z" />
<path fill="url(#v)" d="M27 30h12v2H27z" />
<path fill="url(#w)" d="M41 30h4v2h-4z" />
<path fill="url(#c)" d="M19 34h6v2h-6z" />
<path fill="url(#r)" d="M27 34h2v2h-2z" />
<path fill="url(#g)" d="M37 26h2v2h-2z" />
<path
fill="url(#x)"
d="M59 19h-3V5a3 3 0 0 0-3-3H11a3 3 0 0 0-3 3v32a3 3 0 0 0 3 3h42a3 3 0 0 0 3-3V21h3a1 1 0 0 1 1 1v19a1 1 0 0 1-1 1H20a3.548 3.548 0 0 0-2.469.575A1.926 1.926 0 0 0 17 44v2h-5a3 3 0 0 0-3 3v10a3 3 0 0 0 3 3h40a3 3 0 0 0 3-3V49a3 3 0 0 0-3-3H19v-2c.188-.022 40 0 40 0a3 3 0 0 0 3-3V22a3 3 0 0 0-3-3zM11 4h42a1 1 0 0 1 1 1v3H10V5a1 1 0 0 1 1-1zm42 34H11a1 1 0 0 1-1-1V10h44v27a1 1 0 0 1-1 1zm0 11v10a1 1 0 0 1-1 1H12a1 1 0 0 1-1-1V49a1 1 0 0 1 1-1h40a1 1 0 0 1 1 1z"
/>
</g>
</svg>
More icons in the same style and category