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="65.565"
y2="4.695"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<linearGradient id="b" x1="17" x2="17" y1="65.565" y2="4.695" href="#a" />
<linearGradient
id="c"
x1="22.5"
x2="22.5"
y1="65.565"
y2="4.695"
href="#a"
/>
<linearGradient
id="d"
x1="33.5"
x2="33.5"
y1="65.565"
y2="4.695"
href="#a"
/>
<linearGradient id="e" x1="28" x2="28" y1="65.565" y2="4.695" href="#a" />
<linearGradient id="f" x1="23" x2="23" y1="65.565" y2="4.695" href="#a" />
<linearGradient id="g" x1="29" x2="29" y1="65.565" y2="4.695" href="#a" />
<linearGradient
id="h"
x1="44.5"
x2="44.5"
y1="65.565"
y2="4.695"
href="#a"
/>
<linearGradient id="i" x1="24" x2="24" y1="65.565" y2="4.695" href="#a" />
<linearGradient id="j" x1="33" x2="33" y1="65.565" y2="4.695" href="#a" />
<linearGradient id="k" x1="43" x2="43" y1="65.565" y2="4.695" href="#a" />
<linearGradient id="l" x1="38" x2="38" y1="65.565" y2="4.695" href="#a" />
<g fill="url(#a)">
<path
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
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 4zM53 16H11a5.006 5.006 0 0 0-5 5v26a5.006 5.006 0 0 0 5 5h15v4h-5a3 3 0 0 0 0 6h23a3 3 0 0 0 0-6h-6v-4h15a5.006 5.006 0 0 0 5-5V21a5.006 5.006 0 0 0-5-5zm-8 43a1 1 0 0 1-1 1H21a1 1 0 0 1 0-2h23a1 1 0 0 1 1 1zm-9-3h-8v-4h8zm20-9a3 3 0 0 1-3 3H11a3 3 0 0 1-3-3V21a3 3 0 0 1 3-3h42a3 3 0 0 1 3 3z"
/>
<path
d="M53 20H11a1 1 0 0 0-1 1v26a1 1 0 0 0 1 1h42a1 1 0 0 0 1-1V21a1 1 0 0 0-1-1zm-1 2v2H12v-2zM12 46V26h40v20z"
/>
</g>
<path
fill="url(#b)"
d="M17 28a1 1 0 0 0-1 1v14a1 1 0 0 0 2 0V29a1 1 0 0 0-1-1z"
/>
<path
fill="url(#c)"
d="m20.445 31.832 3 2a1 1 0 1 0 1.11-1.664L22.8 31l1.752-1.168a1 1 0 1 0-1.11-1.664l-3 2a1 1 0 0 0 0 1.664z"
/>
<path
fill="url(#d)"
d="M31.168 33.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 31l-1.752 1.168a1 1 0 0 0-.28 1.387z"
/>
<path
fill="url(#e)"
d="M26.684 34.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(#f)" d="M20 36h6v2h-6z" />
<path fill="url(#g)" d="M28 36h2v2h-2zM23 39h12v2H23z" />
<path fill="url(#h)" d="M41 39h7v2h-7z" />
<path fill="url(#i)" d="M23 42h2v2h-2z" />
<path fill="url(#j)" d="M27 42h12v2H27z" />
<path fill="url(#k)" d="M41 42h4v2h-4z" />
<path fill="url(#l)" d="M37 39h2v2h-2z" />
</svg>
More icons in the same style and category