Add icons to this collection by clicking the heart icon.
Coding icon - also known as computer, laptop, code, coding, server, database, programing, 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="37"
x2="37"
y1="63.6"
y2="-7.095"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<linearGradient id="b" x1="34" x2="34" y1="63.6" y2="-7.095" href="#a" />
<linearGradient id="c" x1="31" x2="31" y1="63.6" y2="-7.095" href="#a" />
<linearGradient id="d" x1="40" x2="40" y1="63.6" y2="-7.095" href="#a" />
<linearGradient id="e" x1="43" x2="43" y1="63.6" y2="-7.095" href="#a" />
<linearGradient id="f" x1="52" x2="52" y1="63.6" y2="-7.095" href="#a" />
<linearGradient id="g" x1="32" x2="32" y1="63.6" y2="-7.095" href="#a" />
<linearGradient id="h" x1="16" x2="16" y1="63.6" y2="-7.095" href="#a" />
<linearGradient id="i" x1="22" x2="22" y1="63.6" y2="-7.095" href="#a" />
<linearGradient id="j" x1="42" x2="42" y1="63.6" y2="-7.095" href="#a" />
<linearGradient id="k" x1="20" x2="20" y1="63.6" y2="-7.095" href="#a" />
<linearGradient id="l" x1="28" x2="28" y1="63.6" y2="-7.095" href="#a" />
<linearGradient id="m" x1="36" x2="36" y1="63.6" y2="-7.095" href="#a" />
<linearGradient id="n" x1="48" x2="48" y1="63.6" y2="-7.095" href="#a" />
<linearGradient id="o" x1="14" x2="14" y1="63.6" y2="-7.095" href="#a" />
<path fill="url(#a)" d="M36 16h2v2h-2z" />
<path fill="url(#b)" d="M33 16h2v2h-2z" />
<path fill="url(#c)" d="M30 16h2v2h-2z" />
<path fill="url(#a)" d="M36 20h2v2h-2z" />
<path fill="url(#d)" d="M39 16h2v2h-2zM39 20h2v2h-2z" />
<path fill="url(#e)" d="M42 16h2v2h-2zM42 20h2v2h-2z" />
<path fill="url(#b)" d="M33 20h2v2h-2z" />
<path fill="url(#c)" d="M30 20h2v2h-2z" />
<path
fill="url(#f)"
d="M57 16H47a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1v-4a1 1 0 0 0-1-1zm-1 4h-8v-2h8z"
/>
<path
fill="url(#g)"
d="M62 23v-8.65a2.96 2.96 0 0 0-.21-1.09l-3.35-7.49A3 3 0 0 0 55.7 4H32.3a3 3 0 0 0-2.74 1.77L27.67 10H9a5 5 0 0 0-5 5v37H3a1 1 0 0 0-1 1v4a5 5 0 0 0 5 5h50a5 5 0 0 0 5-5v-4a1 1 0 0 0-1-1h-1V25.82A3.01 3.01 0 0 0 62 23zM31.38 6.59A1 1 0 0 1 32.3 6h23.4a1 1 0 0 1 .92.59L59.04 12H28.96zM29 26h25v22H10V16h16v7a3.009 3.009 0 0 0 3 3zM6 15a3.009 3.009 0 0 1 3-3h17.77l-.56 1.26a.488.488 0 0 0-.03.07 2.965 2.965 0 0 0-.15.67H9a1 1 0 0 0-1 1v34a1 1 0 0 0 1 1h46a1 1 0 0 0 1-1V26h2v26H6zm31 39v1a1 1 0 0 1-1 1h-8a1 1 0 0 1-1-1v-1zm23 3a3.009 3.009 0 0 1-3 3H7a3.009 3.009 0 0 1-3-3v-3h21v1a3.009 3.009 0 0 0 3 3h8a3.009 3.009 0 0 0 3-3v-1h21zm-1-33H29a1 1 0 0 1-1-1v-8a1 1 0 0 1 1-1h30a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1z"
/>
<path
fill="url(#h)"
d="M16 26a3 3 0 0 0 3-3v-2a3 3 0 0 0-6 0v2a3 3 0 0 0 3 3zm-1-5a1 1 0 0 1 2 0v2a1 1 0 0 1-2 0z"
/>
<path
fill="url(#i)"
d="M22 18a1 1 0 0 0-1 1v6a1 1 0 0 0 2 0v-6a1 1 0 0 0-1-1z"
/>
<path
fill="url(#j)"
d="M42 36a1 1 0 0 0 1-1v-6a1 1 0 0 0-2 0v6a1 1 0 0 0 1 1zM42 46a1 1 0 0 0 1-1v-6a1 1 0 0 0-2 0v6a1 1 0 0 0 1 1z"
/>
<path
fill="url(#k)"
d="M20 28a3 3 0 0 0-3 3v2a3 3 0 0 0 6 0v-2a3 3 0 0 0-3-3zm1 5a1 1 0 0 1-2 0v-2a1 1 0 0 1 2 0z"
/>
<path
fill="url(#l)"
d="M25 31v2a3 3 0 0 0 6 0v-2a3 3 0 0 0-6 0zm2 0a1 1 0 0 1 2 0v2a1 1 0 0 1-2 0z"
/>
<path
fill="url(#m)"
d="M36 36a3 3 0 0 0 3-3v-2a3 3 0 0 0-6 0v2a3 3 0 0 0 3 3zm-1-5a1 1 0 0 1 2 0v2a1 1 0 0 1-2 0z"
/>
<path
fill="url(#n)"
d="M48 36a3 3 0 0 0 3-3v-2a3 3 0 0 0-6 0v2a3 3 0 0 0 3 3zm-1-5a1 1 0 0 1 2 0v2a1 1 0 0 1-2 0z"
/>
<path
fill="url(#l)"
d="M28 38a3 3 0 0 0-3 3v2a3 3 0 0 0 6 0v-2a3 3 0 0 0-3-3zm1 5a1 1 0 0 1-2 0v-2a1 1 0 0 1 2 0z"
/>
<path
fill="url(#m)"
d="M36 46a3 3 0 0 0 3-3v-2a3 3 0 0 0-6 0v2a3 3 0 0 0 3 3zm-1-5a1 1 0 0 1 2 0v2a1 1 0 0 1-2 0z"
/>
<path
fill="url(#n)"
d="M48 46a3 3 0 0 0 3-3v-2a3 3 0 0 0-6 0v2a3 3 0 0 0 3 3zm-1-5a1 1 0 0 1 2 0v2a1 1 0 0 1-2 0z"
/>
<path
fill="url(#o)"
d="M14 36a1 1 0 0 0 1-1v-6a1 1 0 0 0-2 0v6a1 1 0 0 0 1 1z"
/>
<path
fill="url(#h)"
d="M16 38a3 3 0 0 0-3 3v2a3 3 0 0 0 6 0v-2a3 3 0 0 0-3-3zm1 5a1 1 0 0 1-2 0v-2a1 1 0 0 1 2 0z"
/>
<path
fill="url(#i)"
d="M22 38a1 1 0 0 0-1 1v6a1 1 0 0 0 2 0v-6a1 1 0 0 0-1-1z"
/>
</svg>
More icons in the same style and category