Add icons to this collection by clicking the heart icon.
Coding icon - also known as book, 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="26.5"
x2="26.5"
y1="63.876"
y2="3.035"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<linearGradient
id="b"
x1="37.5"
x2="37.5"
y1="63.876"
y2="3.035"
href="#a"
/>
<linearGradient id="c" x1="32" x2="32" y1="63.876" y2="3.035" href="#a" />
<linearGradient id="d" x1="21" x2="21" y1="63.876" y2="3.035" href="#a" />
<linearGradient id="e" x1="18" x2="18" y1="63.876" y2="3.035" href="#a" />
<linearGradient id="f" x1="13" x2="13" y1="63.876" y2="3.035" href="#a" />
<linearGradient
id="g"
x1="18.5"
x2="18.5"
y1="63.876"
y2="3.035"
href="#a"
/>
<linearGradient
id="h"
x1="20.5"
x2="20.5"
y1="63.876"
y2="3.035"
href="#a"
/>
<linearGradient
id="i"
x1="22.5"
x2="22.5"
y1="63.876"
y2="3.035"
href="#a"
/>
<linearGradient
id="j"
x1="25.5"
x2="25.5"
y1="63.876"
y2="3.035"
href="#a"
/>
<linearGradient id="k" x1="28" x2="28" y1="63.876" y2="3.035" href="#a" />
<linearGradient id="l" x1="22" x2="22" y1="63.876" y2="3.035" href="#a" />
<linearGradient id="m" x1="15" x2="15" y1="63.876" y2="3.035" href="#a" />
<linearGradient id="n" x1="42" x2="42" y1="63.876" y2="3.035" href="#a" />
<linearGradient
id="o"
x1="47.5"
x2="47.5"
y1="63.876"
y2="3.035"
href="#a"
/>
<linearGradient id="p" x1="41" x2="41" y1="63.876" y2="3.035" href="#a" />
<linearGradient id="q" x1="36" x2="36" y1="63.876" y2="3.035" href="#a" />
<linearGradient
id="r"
x1="41.5"
x2="41.5"
y1="63.876"
y2="3.035"
href="#a"
/>
<linearGradient
id="s"
x1="43.5"
x2="43.5"
y1="63.876"
y2="3.035"
href="#a"
/>
<linearGradient
id="t"
x1="49.5"
x2="49.5"
y1="63.876"
y2="3.035"
href="#a"
/>
<linearGradient
id="u"
x1="48.5"
x2="48.5"
y1="63.876"
y2="3.035"
href="#a"
/>
<linearGradient id="v" x1="51" x2="51" y1="63.876" y2="3.035" href="#a" />
<linearGradient id="w" x1="45" x2="45" y1="63.876" y2="3.035" href="#a" />
<linearGradient id="x" x1="38" x2="38" y1="63.876" y2="3.035" href="#a" />
<path
fill="url(#a)"
d="M28 17a1 1 0 0 1-.707-.293l-3-3a1 1 0 0 1 0-1.414l3-3a1 1 0 0 1 1.414 1.414L26.414 13l2.293 2.293A1 1 0 0 1 28 17z"
/>
<path
fill="url(#b)"
d="M36 17a1 1 0 0 1-.707-1.707L37.586 13l-2.293-2.293a1 1 0 0 1 1.414-1.414l3 3a1 1 0 0 1 0 1.414l-3 3A1 1 0 0 1 36 17z"
/>
<g fill="url(#c)">
<path
d="M31 18a.976.976 0 0 1-.244-.03 1 1 0 0 1-.727-1.213l2-8a1 1 0 0 1 1.94.486l-2 8A1 1 0 0 1 31 18z"
/>
<path
d="M32 26.24a.993.993 0 0 1-.707-.293L28.9 23.553a11 11 0 1 1 6.2 0l-2.395 2.394a.993.993 0 0 1-.705.293zM32 4a9 9 0 0 0-2.324 17.693 1 1 0 0 1 .451.26L32 23.826l1.873-1.873a1 1 0 0 1 .451-.26A9 9 0 0 0 32 4zM59 32h-3v-3a1 1 0 0 0-1-1H36a4.982 4.982 0 0 0-4 2.031A4.982 4.982 0 0 0 28 28H9a1 1 0 0 0-1 1v3H5a1 1 0 0 0-1 1v28a1 1 0 0 0 1 1h54a1 1 0 0 0 1-1V33a1 1 0 0 0-1-1zm-23-2h18v23a3 3 0 0 1-3 3H37a5.025 5.025 0 0 0-4 2V33a3 3 0 0 1 3-3zm-26 0h18a3 3 0 0 1 3 3v25a5.025 5.025 0 0 0-4-2H13a3 3 0 0 1-3-3zm-4 4h2v19a5.006 5.006 0 0 0 5 5h14a3.015 3.015 0 0 1 2.4 1.2l.6.8H6zm52 26H34l.6-.8A3.015 3.015 0 0 1 37 58h14a5.006 5.006 0 0 0 5-5V34h2z"
/>
</g>
<path fill="url(#d)" d="M20 48h2v2h-2z" />
<path fill="url(#e)" d="M16 36h4v2h-4z" />
<path fill="url(#f)" d="M12 44h2v2h-2zM12 32h2v2h-2zM12 36h2v2h-2z" />
<path fill="url(#g)" d="M12 40h13v2H12z" />
<path fill="url(#h)" d="M16 44h9v2h-9z" />
<path fill="url(#i)" d="M29 34v-2H16v2h8z" />
<path fill="url(#j)" d="M22 36h7v2h-7z" />
<path fill="url(#k)" d="M27 40h2v2h-2z" />
<path fill="url(#l)" d="M20 52h4v2h-4z" />
<path fill="url(#m)" d="M12 48h6v2h-6z" />
<path fill="url(#a)" d="M24 48h5v2h-5z" />
<path fill="url(#m)" d="M12 52h6v2h-6z" />
<path fill="url(#n)" d="M39 32h6v2h-6z" />
<path fill="url(#o)" d="M43 48v2h9v-2h-7z" />
<path fill="url(#p)" d="M39 36h4v2h-4z" />
<path fill="url(#q)" d="M35 44h2v2h-2zM35 32h2v2h-2zM35 36h2v2h-2z" />
<path fill="url(#r)" d="M35 40h13v2H35z" />
<path fill="url(#s)" d="M39 44h9v2h-9z" />
<path fill="url(#t)" d="M47 32h5v2h-5z" />
<path fill="url(#u)" d="M45 36h7v2h-7z" />
<path fill="url(#v)" d="M50 40h2v2h-2z" />
<path fill="url(#w)" d="M43 52h4v2h-4z" />
<path fill="url(#x)" d="M35 48h6v2h-6zM35 52h6v2h-6z" />
</svg>
More icons in the same style and category