Add icons to this collection by clicking the heart icon.
Coding icon - also known as pencil, 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="22"
x2="22"
y1="63.904"
y2="3.063"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<linearGradient id="b" x1="20" x2="20" y1="63.904" y2="3.063" href="#a" />
<linearGradient id="c" x1="50" x2="50" y1="63.904" y2="3.063" href="#a" />
<linearGradient
id="d"
x1="44.5"
x2="44.5"
y1="63.904"
y2="3.063"
href="#a"
/>
<linearGradient
id="e"
x1="55.5"
x2="55.5"
y1="63.904"
y2="3.063"
href="#a"
/>
<linearGradient id="f" x1="11" x2="11" y1="63.904" y2="3.063" href="#a" />
<linearGradient id="g" x1="15" x2="15" y1="63.904" y2="3.063" href="#a" />
<linearGradient id="h" x1="19" x2="19" y1="63.904" y2="3.063" href="#a" />
<linearGradient id="i" x1="29" x2="29" y1="63.904" y2="3.063" href="#a" />
<linearGradient id="j" x1="13" x2="13" y1="63.904" y2="3.063" href="#a" />
<linearGradient
id="k"
x1="18.5"
x2="18.5"
y1="63.904"
y2="3.063"
href="#a"
/>
<linearGradient
id="l"
x1="29.5"
x2="29.5"
y1="63.904"
y2="3.063"
href="#a"
/>
<linearGradient id="m" x1="24" x2="24" y1="63.904" y2="3.063" href="#a" />
<linearGradient id="n" x1="26" x2="26" y1="63.904" y2="3.063" href="#a" />
<linearGradient id="o" x1="27" x2="27" y1="63.904" y2="3.063" href="#a" />
<linearGradient
id="p"
x1="43.5"
x2="43.5"
y1="63.904"
y2="3.063"
href="#a"
/>
<linearGradient id="q" x1="31" x2="31" y1="63.904" y2="3.063" href="#a" />
<linearGradient id="r" x1="41" x2="41" y1="63.904" y2="3.063" href="#a" />
<linearGradient id="s" x1="36" x2="36" y1="63.904" y2="3.063" href="#a" />
<g>
<path
fill="url(#a)"
d="M37 58H9a3 3 0 0 1-3-3v-2a1 1 0 0 1 2 0v2a1 1 0 0 0 1 1h28a1 1 0 0 1 0 2z"
/>
<path
fill="url(#b)"
d="m37.447 46.105-6-3A1 1 0 0 0 31 43H6a4 4 0 0 0 0 8h25a1 1 0 0 0 .447-.1l6-3a1 1 0 0 0 0-1.79zM6 49a2 2 0 0 1 0-4zm6-4h16.586l-1 1H12zm-2 4H8v-4h2zm2-1h15.586l1 1H12zm19.2.783L29.414 47l1.786-1.783L34.764 47z"
/>
<path
fill="url(#c)"
d="M50 62a12 12 0 1 1 12-12 12.013 12.013 0 0 1-12 12zm0-22a10 10 0 1 0 10 10 10.011 10.011 0 0 0-10-10z"
/>
<path
fill="url(#d)"
d="M46 54a1 1 0 0 1-.707-.293l-3-3a1 1 0 0 1 0-1.414l3-3a1 1 0 0 1 1.414 1.414L44.414 50l2.293 2.293A1 1 0 0 1 46 54z"
/>
<path
fill="url(#e)"
d="M54 54a1 1 0 0 1-.707-1.707L55.586 50l-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 54 54z"
/>
<path
fill="url(#c)"
d="M49 56a.948.948 0 0 1-.2-.02 1 1 0 0 1-.78-1.18l2-10a1 1 0 1 1 1.96.392l-2 10A1 1 0 0 1 49 56z"
/>
<path fill="url(#f)" d="M10 5h2v2h-2z" />
<path fill="url(#g)" d="M14 5h2v2h-2z" />
<path fill="url(#h)" d="M18 5h2v2h-2z" />
<path
fill="url(#i)"
d="M49 2H9a3 3 0 0 0-3 3v36a1 1 0 0 0 2 0V10h42v25a1 1 0 0 0 2 0V5a3 3 0 0 0-3-3zM8 8V5a1 1 0 0 1 1-1h40a1 1 0 0 1 1 1v3z"
/>
<path
fill="url(#j)"
d="M13 14a1 1 0 0 0-1 1v24a1 1 0 0 0 2 0V15a1 1 0 0 0-1-1z"
/>
<path
fill="url(#k)"
d="M20 19a1 1 0 0 0 .556-1.832L18.8 16l1.752-1.168a1 1 0 1 0-1.11-1.664l-3 2a1 1 0 0 0 0 1.664l3 2A1 1 0 0 0 20 19z"
/>
<path
fill="url(#l)"
d="M27.168 18.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.664L29.2 16l-1.752 1.168a1 1 0 0 0-.28 1.387z"
/>
<path
fill="url(#m)"
d="M25.316 12.051a1 1 0 0 0-1.265.633l-2 6a1 1 0 0 0 1.9.632l2-6a1 1 0 0 0-.635-1.265z"
/>
<path fill="url(#b)" d="M17 21h6v2h-6z" />
<path fill="url(#n)" d="M25 21h2v2h-2z" />
<path fill="url(#o)" d="M21 25h12v2H21z" />
<path fill="url(#p)" d="M39 25h9v2h-9z" />
<path fill="url(#a)" d="M21 29h2v2h-2z" />
<path fill="url(#q)" d="M25 29h12v2H25z" />
<path fill="url(#r)" d="M39 29h4v2h-4z" />
<path fill="url(#b)" d="M17 33h6v2h-6z" />
<path fill="url(#n)" d="M25 33h2v2h-2z" />
<path fill="url(#s)" d="M35 25h2v2h-2z" />
<path fill="url(#a)" d="M21 37h2v2h-2z" />
<path fill="url(#q)" d="M25 37h12v2H25z" />
<path fill="url(#r)" d="M39 37h4v2h-4z" />
</g>
</svg>
More icons in the same style and category