Add icons to this collection by clicking the heart icon.
Coding icon - also known as laptop, 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="13"
x2="13"
y1="65.214"
y2="4.374"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<linearGradient id="b" x1="17" x2="17" y1="65.214" y2="4.374" href="#a" />
<linearGradient id="c" x1="21" x2="21" y1="65.214" y2="4.374" href="#a" />
<linearGradient id="d" x1="18" x2="18" y1="65.214" y2="4.374" href="#a" />
<linearGradient id="e" x1="34" x2="34" y1="65.214" y2="4.374" href="#a" />
<linearGradient id="f" x1="46" x2="46" y1="65.214" y2="4.374" href="#a" />
<linearGradient id="g" x1="29" x2="29" y1="65.214" y2="4.374" href="#a" />
<linearGradient id="h" x1="32" x2="32" y1="65.214" y2="4.374" href="#a" />
<linearGradient id="i" x1="31" x2="31" y1="65.214" y2="4.374" href="#a" />
<linearGradient
id="j"
x1="44.5"
x2="44.5"
y1="65.214"
y2="4.374"
href="#a"
/>
<linearGradient
id="k"
x1="55.5"
x2="55.5"
y1="65.214"
y2="4.374"
href="#a"
/>
<linearGradient id="l" x1="50" x2="50" y1="65.214" y2="4.374" href="#a" />
<g>
<path fill="url(#a)" d="M12 20h2v2h-2z" />
<path fill="url(#b)" d="M16 20h2v2h-2z" />
<path fill="url(#c)" d="M20 20h2v2h-2z" />
<g fill="url(#d)">
<path
d="M23 34H13a1 1 0 0 1-1-1v-8a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1zm-9-2h8v-6h-8zM14 36h8v2h-8zM14 40h8v2h-8zM14 44h8v2h-8z"
/>
</g>
<path fill="url(#e)" d="M32 36h4v2h-4zM32 40h4v2h-4zM32 44h4v2h-4z" />
<path fill="url(#f)" d="M42 36h8v2h-8zM42 40h8v2h-8zM42 44h8v2h-8z" />
<path fill="url(#g)" d="M28 36h2v2h-2zM28 40h2v2h-2zM28 44h2v2h-2z" />
<path
fill="url(#h)"
d="M61 52h-1V21a.99.99 0 0 0-.058-.288A11.993 11.993 0 1 0 38.181 12H9a5.006 5.006 0 0 0-5 5v35H3a1 1 0 0 0-1 1v4a5.006 5.006 0 0 0 5 5h50a5.006 5.006 0 0 0 5-5v-4a1 1 0 0 0-1-1zM50 4a10 10 0 1 1-10 10A10.011 10.011 0 0 1 50 4zm-6.619 20H41a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1v-7.181a11.815 11.815 0 0 0 2-.519V48H10V18h28.7a12.047 12.047 0 0 0 4.681 6zM50 26v6h-8v-6zM6 17a3 3 0 0 1 3-3h29a11.986 11.986 0 0 0 .181 2H9a1 1 0 0 0-1 1v32a1 1 0 0 0 1 1h46a1 1 0 0 0 1-1V24.376a12.013 12.013 0 0 0 2-1.457V52H6zm31 37v1a1 1 0 0 1-1 1h-8a1 1 0 0 1-1-1v-1zm23 3a3 3 0 0 1-3 3H7a3 3 0 0 1-3-3v-3h21v1a3 3 0 0 0 3 3h8a3 3 0 0 0 3-3v-1h21z"
/>
<path fill="url(#i)" d="M24 20h14v2H24z" />
<path
fill="url(#h)"
d="M37 24H27a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1v-8a1 1 0 0 0-1-1zm-1 8h-8v-6h8z"
/>
<path
fill="url(#j)"
d="m42.293 14.707 3 3a1 1 0 0 0 1.414-1.414L44.414 14l2.293-2.293a1 1 0 0 0-1.414-1.414l-3 3a1 1 0 0 0 0 1.414z"
/>
<path
fill="url(#k)"
d="M53.293 17.707a1 1 0 0 0 1.414 0l3-3a1 1 0 0 0 0-1.414l-3-3a1 1 0 0 0-1.414 1.414L55.586 14l-2.293 2.293a1 1 0 0 0 0 1.414z"
/>
<path
fill="url(#l)"
d="M48.8 19.98a.948.948 0 0 0 .2.02 1 1 0 0 0 .979-.8l2-10a1 1 0 1 0-1.959-.4l-2 10a1 1 0 0 0 .78 1.18z"
/>
</g>
</svg>
More icons in the same style and category