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="15"
x2="15"
y1="64.414"
y2="3.597"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<linearGradient id="b" x1="19" x2="19" y1="64.414" y2="3.597" href="#a" />
<linearGradient id="c" x1="23" x2="23" y1="64.414" y2="3.597" href="#a" />
<linearGradient id="d" x1="32" x2="32" y1="64.414" y2="3.597" href="#a" />
<linearGradient id="e" x1="47" x2="47" y1="64.414" y2="3.597" href="#a" />
<linearGradient id="f" x1="49" x2="49" y1="64.414" y2="3.597" href="#a" />
<linearGradient id="g" x1="45" x2="45" y1="64.414" y2="3.597" href="#a" />
<linearGradient id="h" x1="17" x2="17" y1="64.414" y2="3.597" href="#a" />
<path fill="url(#a)" d="M14 13h2v2h-2z" />
<path fill="url(#b)" d="M18 13h2v2h-2z" />
<path fill="url(#c)" d="M22 13h2v2h-2z" />
<path
fill="url(#d)"
d="M57 2H7a5.006 5.006 0 0 0-5 5v36a5.006 5.006 0 0 0 5 5h17v6H14a4 4 0 0 0 0 8h36a4 4 0 0 0 0-8H40v-6h17a5.006 5.006 0 0 0 5-5V7a5.006 5.006 0 0 0-5-5zm-5 56a2 2 0 0 1-2 2H14a2 2 0 0 1 0-4h36a2 2 0 0 1 2 2zm-14-4H26v-6h12zm22-11a3 3 0 0 1-3 3H7a3 3 0 0 1-3-3V7a3 3 0 0 1 3-3h50a3 3 0 0 1 3 3z"
/>
<path
fill="url(#d)"
d="M57 6H7a1 1 0 0 0-1 1v34a1 1 0 0 0 1 1h50a1 1 0 0 0 1-1V7a1 1 0 0 0-1-1zM23.647 32.063l-2.253-2.253 1.416-1.416 2.253 2.253a1 1 0 0 0 1.278.114 9.684 9.684 0 0 1 3.837-1.6A1 1 0 0 0 31 28.18V25h2v3.18a1 1 0 0 0 .822.984 9.684 9.684 0 0 1 3.837 1.6 1 1 0 0 0 1.278-.114l2.253-2.25 1.415 1.415-2.252 2.253a1 1 0 0 0-.114 1.278 9.7 9.7 0 0 1 1.6 3.837 1 1 0 0 0 .981.817H46v2h-6.072a8 8 0 1 0-15.856 0H18v-2h3.18a1 1 0 0 0 .984-.822 9.684 9.684 0 0 1 1.6-3.837 1 1 0 0 0-.117-1.278zM26.09 40a6.126 6.126 0 0 1-.09-1 6 6 0 1 1 11.91 1zM48 40v-3a1 1 0 0 0-1-1h-3.375a11.591 11.591 0 0 0-1.288-3.093l2.39-2.39a1 1 0 0 0 0-1.414l-2.83-2.83a1 1 0 0 0-1.414 0l-2.389 2.389A11.627 11.627 0 0 0 35 27.375V24a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v3.375a11.588 11.588 0 0 0-3.093 1.287l-2.39-2.389a1 1 0 0 0-1.414 0l-2.83 2.83a1 1 0 0 0 0 1.414l2.389 2.39A11.588 11.588 0 0 0 20.375 36H17a1 1 0 0 0-1 1v3h-4V18h40v22zm4-24H12v-4h40zm4 24h-2V10H10v30H8V8h48z"
/>
<path fill="url(#e)" d="M46 24h2v2h-2zM46 20h2v2h-2z" />
<path fill="url(#f)" d="M48 22h2v2h-2z" />
<path fill="url(#g)" d="M44 22h2v2h-2z" />
<path fill="url(#h)" d="M16 24h2v2h-2zM16 20h2v2h-2z" />
<path fill="url(#a)" d="M14 22h2v2h-2z" />
<path fill="url(#b)" d="M18 22h2v2h-2z" />
</svg>
More icons in the same style and category