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="20.5"
x2="20.5"
y1="65.593"
y2="2.484"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<linearGradient
id="b"
x1="31.5"
x2="31.5"
y1="65.593"
y2="2.484"
href="#a"
/>
<linearGradient id="c" x1="26" x2="26" y1="65.593" y2="2.484" href="#a" />
<linearGradient id="d" x1="22" x2="22" y1="65.593" y2="2.484" href="#a" />
<linearGradient id="e" x1="28" x2="28" y1="65.593" y2="2.484" href="#a" />
<linearGradient id="f" x1="29" x2="29" y1="65.593" y2="2.484" href="#a" />
<linearGradient
id="g"
x1="45.5"
x2="45.5"
y1="65.593"
y2="2.484"
href="#a"
/>
<linearGradient id="h" x1="24" x2="24" y1="65.593" y2="2.484" href="#a" />
<linearGradient id="i" x1="33" x2="33" y1="65.593" y2="2.484" href="#a" />
<linearGradient id="j" x1="43" x2="43" y1="65.593" y2="2.484" href="#a" />
<linearGradient id="k" x1="39" x2="39" y1="65.593" y2="2.484" href="#a" />
<linearGradient id="l" x1="38" x2="38" y1="65.593" y2="2.484" href="#a" />
<linearGradient id="m" x1="32" x2="32" y1="65.593" y2="2.484" href="#a" />
<linearGradient id="n" x1="37" x2="37" y1="65.593" y2="2.484" href="#a" />
<linearGradient id="o" x1="40" x2="40" y1="65.593" y2="2.484" href="#a" />
<linearGradient id="p" x1="46" x2="46" y1="65.593" y2="2.484" href="#a" />
<linearGradient id="q" x1="49" x2="49" y1="65.593" y2="2.484" href="#a" />
<linearGradient id="r" x1="52" x2="52" y1="65.593" y2="2.484" href="#a" />
<linearGradient id="s" x1="55" x2="55" y1="65.593" y2="2.484" href="#a" />
<linearGradient id="t" x1="58" x2="58" y1="65.593" y2="2.484" href="#a" />
<linearGradient id="u" x1="34" x2="34" y1="65.593" y2="2.484" href="#a" />
<linearGradient id="v" x1="15" x2="15" y1="65.593" y2="2.484" href="#a" />
<path
fill="url(#a)"
d="m18.445 14.832 3 2a1 1 0 1 0 1.11-1.664L20.8 14l1.752-1.168a1 1 0 0 0-1.11-1.664l-3 2a1 1 0 0 0 0 1.664z"
/>
<path
fill="url(#b)"
d="M29.168 16.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 14l-1.752 1.168a1 1 0 0 0-.28 1.387z"
/>
<path
fill="url(#c)"
d="M24.684 17.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(#d)" d="M19 19h6v2h-6z" />
<path fill="url(#e)" d="M27 19h2v2h-2z" />
<path fill="url(#f)" d="M23 22h12v2H23z" />
<path fill="url(#g)" d="M41 22h9v2h-9z" />
<path fill="url(#h)" d="M23 25h2v2h-2z" />
<path fill="url(#i)" d="M27 25h12v2H27z" />
<path fill="url(#j)" d="M41 25h4v2h-4z" />
<path fill="url(#i)" d="M30 28h6v2h-6z" />
<path fill="url(#k)" d="M38 28h2v2h-2z" />
<path fill="url(#l)" d="M37 22h2v2h-2z" />
<path
fill="url(#m)"
d="M61 48H43.816A2.966 2.966 0 0 0 44 47a3 3 0 0 0-3-3h-3.279l-1.334-4H51a5.006 5.006 0 0 0 5-5V7a5.006 5.006 0 0 0-5-5H13a5.006 5.006 0 0 0-5 5v21H3a1 1 0 0 0-1 1v32a1 1 0 0 0 1 1h24a1 1 0 0 0 1-1V50h2v11a1 1 0 0 0 1 1h30a1 1 0 0 0 1-1V49a1 1 0 0 0-1-1zm-25.388-4H28v-4h6.279zM51 38H28v-4h26v1a3 3 0 0 1-3 3zM13 4h38a3 3 0 0 1 2.816 2H10.184A3 3 0 0 1 13 4zm-3 4h44v24H28v-3a1 1 0 0 0-1-1H16V12a1 1 0 0 0-2 0v16h-4zm16 52H4V30h22zm2-14h13a1 1 0 0 1 0 2H28zm32 14H32V50h28z"
/>
<path fill="url(#n)" d="M36 51h2v2h-2z" />
<path fill="url(#o)" d="M39 51h2v2h-2z" />
<path fill="url(#j)" d="M42 51h2v2h-2z" />
<path fill="url(#p)" d="M45 51h2v2h-2z" />
<path fill="url(#q)" d="M48 51h2v2h-2z" />
<path fill="url(#r)" d="M51 51h2v2h-2z" />
<path fill="url(#s)" d="M54 51h2v2h-2z" />
<path fill="url(#n)" d="M36 54h2v2h-2z" />
<path fill="url(#o)" d="M39 54h2v2h-2z" />
<path fill="url(#j)" d="M42 54h2v2h-2z" />
<path fill="url(#p)" d="M45 54h2v2h-2z" />
<path fill="url(#q)" d="M48 54h2v2h-2z" />
<path fill="url(#r)" d="M51 54h2v2h-2z" />
<path fill="url(#s)" d="M54 54h2v2h-2z" />
<path fill="url(#n)" d="M36 57h2v2h-2z" />
<path fill="url(#p)" d="M39 57h14v2H39z" />
<path fill="url(#s)" d="M54 57h2v2h-2z" />
<g fill="url(#t)">
<path d="M57 51h2v2h-2zM57 54h2v2h-2zM57 57h2v2h-2z" />
</g>
<path fill="url(#u)" d="M33 51h2v2h-2zM33 54h2v2h-2zM33 57h2v2h-2z" />
<path
fill="url(#v)"
d="M17.5 36a2.5 2.5 0 0 0 0-5h-5a2.5 2.5 0 0 0 0 5H14v2.382L10.553 40.1a1 1 0 0 0 0 1.79L14 43.618V46h-3a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h3v2h-1.5a2.5 2.5 0 0 0 0 5h5a2.5 2.5 0 0 0 0-5H16v-2h3a1 1 0 0 0 1-1v-4a1 1 0 0 0-1-1h-3v-2.382l3.447-1.718a1 1 0 0 0 0-1.79L16 38.382V36zm.5 20.5a.5.5 0 0 1-.5.5h-5a.5.5 0 0 1 0-1h5a.5.5 0 0 1 .5.5zm0-8.5v2h-6v-2zm-3-6.118L13.236 41 15 40.118l1.764.882zM12 33.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5z"
/>
</svg>
More icons in the same style and category