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.259"
y2="8.659"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<linearGradient id="b" x1="17" x2="17" y1="65.259" y2="8.659" href="#a" />
<linearGradient id="c" x1="21" x2="21" y1="65.259" y2="8.659" href="#a" />
<linearGradient id="d" x1="32" x2="32" y1="65.259" y2="8.659" href="#a" />
<linearGradient id="e" x1="15" x2="15" y1="65.259" y2="8.659" href="#a" />
<linearGradient
id="f"
x1="20.5"
x2="20.5"
y1="65.259"
y2="8.659"
href="#a"
/>
<linearGradient
id="g"
x1="31.5"
x2="31.5"
y1="65.259"
y2="8.659"
href="#a"
/>
<linearGradient id="h" x1="26" x2="26" y1="65.259" y2="8.659" href="#a" />
<linearGradient id="i" x1="22" x2="22" y1="65.259" y2="8.659" href="#a" />
<linearGradient id="j" x1="28" x2="28" y1="65.259" y2="8.659" href="#a" />
<linearGradient id="k" x1="29" x2="29" y1="65.259" y2="8.659" href="#a" />
<linearGradient
id="l"
x1="45.5"
x2="45.5"
y1="65.259"
y2="8.659"
href="#a"
/>
<linearGradient id="m" x1="24" x2="24" y1="65.259" y2="8.659" href="#a" />
<linearGradient id="n" x1="33" x2="33" y1="65.259" y2="8.659" href="#a" />
<linearGradient id="o" x1="43" x2="43" y1="65.259" y2="8.659" href="#a" />
<linearGradient id="p" x1="38" x2="38" y1="65.259" y2="8.659" href="#a" />
<g>
<path fill="url(#a)" d="M12 17h2v2h-2z" />
<path fill="url(#b)" d="M16 17h2v2h-2z" />
<path fill="url(#c)" d="M20 17h2v2h-2z" />
<path
fill="url(#d)"
d="M61 52h-1V15a5.006 5.006 0 0 0-5-5H9a5.006 5.006 0 0 0-5 5v37H3a1 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-1zM6 15a3 3 0 0 1 3-3h46a3 3 0 0 1 3 3v37H6zm21 39h10v1a1 1 0 0 1-1 1h-8a1 1 0 0 1-1-1zm33 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(#d)"
d="M55 14H9a1 1 0 0 0-1 1v34a1 1 0 0 0 1 1h46a1 1 0 0 0 1-1V15a1 1 0 0 0-1-1zm-1 2v4H10v-4zM10 48V22h44v26z"
/>
<path
fill="url(#e)"
d="M15 44a1 1 0 0 1-1-1V27a1 1 0 0 1 2 0v16a1 1 0 0 1-1 1z"
/>
<path
fill="url(#f)"
d="M22 31a1 1 0 0 1-.554-.168l-3-2a1 1 0 0 1 0-1.664l3-2a1 1 0 1 1 1.11 1.664L20.8 28l1.752 1.168A1 1 0 0 1 22 31z"
/>
<path
fill="url(#g)"
d="M30 31a1 1 0 0 1-.556-1.832L31.2 28l-1.752-1.168a1 1 0 1 1 1.11-1.664l3 2a1 1 0 0 1 0 1.664l-3 2A1 1 0 0 1 30 31z"
/>
<path
fill="url(#h)"
d="M25 32a1 1 0 0 1-.948-1.316l2-6a1 1 0 1 1 1.9.632l-2 6A1 1 0 0 1 25 32z"
/>
<path fill="url(#i)" d="M19 33h6v2h-6z" />
<path fill="url(#j)" d="M27 33h2v2h-2z" />
<path fill="url(#k)" d="M23 36h12v2H23z" />
<path fill="url(#l)" d="M41 36h9v2h-9z" />
<path fill="url(#m)" d="M23 39h2v2h-2z" />
<path fill="url(#n)" d="M27 39h12v2H27z" />
<path fill="url(#o)" d="M41 39h4v2h-4z" />
<path fill="url(#i)" d="M19 42h6v2h-6z" />
<path fill="url(#j)" d="M27 42h2v2h-2z" />
<path fill="url(#p)" d="M37 36h2v2h-2z" />
</g>
</svg>
More icons in the same style and category