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="16"
x2="16"
y1="64.814"
y2="1.373"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<linearGradient id="b" x1="20" x2="20" y1="64.814" y2="1.373" href="#a" />
<linearGradient id="c" x1="17" x2="17" y1="64.814" y2="1.373" href="#a" />
<linearGradient id="d" x1="21" x2="21" y1="64.814" y2="1.373" href="#a" />
<linearGradient
id="e"
x1="25.5"
x2="25.5"
y1="64.814"
y2="1.373"
href="#a"
/>
<linearGradient
id="f"
x1="19.5"
x2="19.5"
y1="64.814"
y2="1.373"
href="#a"
/>
<linearGradient id="g" x1="25" x2="25" y1="64.814" y2="1.373" href="#a" />
<linearGradient id="h" x1="15" x2="15" y1="64.814" y2="1.373" href="#a" />
<linearGradient
id="i"
x1="20.5"
x2="20.5"
y1="64.814"
y2="1.373"
href="#a"
/>
<linearGradient id="j" x1="26" x2="26" y1="64.814" y2="1.373" href="#a" />
<linearGradient id="k" x1="48" x2="48" y1="64.814" y2="1.373" href="#a" />
<linearGradient id="l" x1="39" x2="39" y1="64.814" y2="1.373" href="#a" />
<linearGradient id="m" x1="43" x2="43" y1="64.814" y2="1.373" href="#a" />
<linearGradient id="n" x1="47" x2="47" y1="64.814" y2="1.373" href="#a" />
<linearGradient id="o" x1="41" x2="41" y1="64.814" y2="1.373" href="#a" />
<linearGradient id="p" x1="50" x2="50" y1="64.814" y2="1.373" href="#a" />
<linearGradient
id="q"
x1="42.914"
x2="42.914"
y1="64.814"
y2="1.373"
href="#a"
/>
<linearGradient
id="r"
x1="22.586"
x2="22.586"
y1="64.814"
y2="1.373"
href="#a"
/>
<path fill="url(#a)" d="M14 10h4v2h-4z" />
<path fill="url(#b)" d="M19 10h2v2h-2z" />
<path fill="url(#c)" d="M16 13h2v2h-2z" />
<path fill="url(#d)" d="M19 13h4v2h-4z" />
<path fill="url(#e)" d="M24 13h3v2h-3z" />
<path fill="url(#f)" d="M18 16h3v2h-3z" />
<path fill="url(#g)" d="M22 16h6v2h-6z" />
<path fill="url(#h)" d="M14 20h2v2h-2z" />
<path fill="url(#i)" d="M18 20h5v2h-5z" />
<path fill="url(#j)" d="M25 20h2v2h-2z" />
<path
fill="url(#c)"
d="M31 2H5a1 1 0 0 0-1 1v3H3a1 1 0 0 0 0 2h1v2H3a1 1 0 0 0 0 2h1v2H3a1 1 0 0 0 0 2h1v2H3a1 1 0 0 0 0 2h1v2H3a1 1 0 0 0 0 2h1v2H3a1 1 0 0 0 0 2h1v2H3a1 1 0 0 0 0 2h1v2H3a1 1 0 0 0 0 2h1v3a1 1 0 0 0 1 1h26a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1zM6 36h1a1 1 0 0 0 0-2H6v-2h1a1 1 0 0 0 0-2H6v-2h1a1 1 0 0 0 0-2H6v-2h1a1 1 0 0 0 0-2H6v-2h1a1 1 0 0 0 0-2H6v-2h1a1 1 0 0 0 0-2H6v-2h1a1 1 0 0 0 0-2H6V8h1a1 1 0 0 0 0-2H6V4h4v34H6zm24 2H12V4h18z"
/>
<path fill="url(#h)" d="M14 34h2v2h-2z" />
<path fill="url(#i)" d="M18 34h5v2h-5z" />
<path fill="url(#j)" d="M25 34h2v2h-2z" />
<path fill="url(#h)" d="M14 6h2v2h-2z" />
<path fill="url(#i)" d="M18 6h5v2h-5z" />
<path fill="url(#j)" d="M25 6h2v2h-2z" />
<path fill="url(#a)" d="M14 24h4v2h-4z" />
<path fill="url(#b)" d="M19 24h2v2h-2z" />
<path fill="url(#c)" d="M16 27h2v2h-2z" />
<path fill="url(#d)" d="M19 27h4v2h-4z" />
<path fill="url(#e)" d="M24 27h3v2h-3z" />
<path fill="url(#f)" d="M18 30h3v2h-3z" />
<path fill="url(#g)" d="M22 30h6v2h-6z" />
<path
fill="url(#k)"
d="M59 31H37a3 3 0 0 0-3 3v25a3 3 0 0 0 3 3h22a3 3 0 0 0 3-3V34a3 3 0 0 0-3-3zm-22 2h22a1 1 0 0 1 1 1v3H36v-3a1 1 0 0 1 1-1zm22 27H37a1 1 0 0 1-1-1V39h24v20a1 1 0 0 1-1 1z"
/>
<path fill="url(#l)" d="M38 34h2v2h-2z" />
<path fill="url(#m)" d="M42 34h2v2h-2z" />
<path fill="url(#n)" d="M46 34h2v2h-2z" />
<path fill="url(#k)" d="M58 50H38v-9h20zm-18-2h16v-5H40z" />
<path fill="url(#o)" d="M40 56h2v2h-2z" />
<path fill="url(#p)" d="M44 56h12v2H44z" />
<path fill="url(#o)" d="M40 52h2v2h-2z" />
<path fill="url(#p)" d="M44 52h12v2H44z" />
<path
fill="url(#q)"
d="M51.535 24.464a1 1 0 0 0-1.414 0L49 25.585V12a1 1 0 0 0-1-1H37.414l1.121-1.122a1 1 0 1 0-1.414-1.414l-2.828 2.829a1 1 0 0 0 0 1.414l2.828 2.829a1 1 0 1 0 1.414-1.414L37.414 13H47v12.585l-1.121-1.121a1 1 0 1 0-1.414 1.414l2.828 2.829a1 1 0 0 0 1.414 0l2.828-2.829a1 1 0 0 0 0-1.414z"
/>
<path
fill="url(#r)"
d="m31.707 55.293-2.829-2.829a1 1 0 0 0-1.414 1.414L28.586 55H18v-9.586l1.122 1.122a1 1 0 0 0 1.414-1.414l-2.829-2.829a1 1 0 0 0-1.414 0l-2.829 2.829a1 1 0 1 0 1.414 1.414L16 45.414V56a1 1 0 0 0 1 1h11.586l-1.122 1.122a1 1 0 1 0 1.414 1.414l2.829-2.829a1 1 0 0 0 0-1.414z"
/>
</svg>
More icons in the same style and category