Add icons to this collection by clicking the heart icon.
Coding icon - also known as computer, screen, monitor, website, code, browser, and coding. 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="32"
x2="32"
y1="64.646"
y2="1.29"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<linearGradient id="b" x1="54" x2="54" y1="64.646" y2="1.29" href="#a" />
<linearGradient id="c" x1="14" x2="14" y1="64.646" y2="1.29" href="#a" />
<linearGradient id="d" x1="18" x2="18" y1="64.646" y2="1.29" href="#a" />
<linearGradient id="e" x1="22" x2="22" y1="64.646" y2="1.29" href="#a" />
<linearGradient id="f" x1="19" x2="19" y1="64.646" y2="1.29" href="#a" />
<linearGradient
id="g"
x1="23.5"
x2="23.5"
y1="64.646"
y2="1.29"
href="#a"
/>
<linearGradient id="h" x1="23" x2="23" y1="64.646" y2="1.29" href="#a" />
<linearGradient id="i" x1="36" x2="36" y1="64.646" y2="1.29" href="#a" />
<linearGradient id="j" x1="38" x2="38" y1="64.646" y2="1.29" href="#a" />
<linearGradient
id="k"
x1="20.5"
x2="20.5"
y1="64.646"
y2="1.29"
href="#a"
/>
<linearGradient id="l" x1="29" x2="29" y1="64.646" y2="1.29" href="#a" />
<linearGradient id="m" x1="40" x2="40" y1="64.646" y2="1.29" href="#a" />
<linearGradient id="n" x1="31" x2="31" y1="64.646" y2="1.29" href="#a" />
<path
fill="url(#a)"
d="M59 10h-4V5a3 3 0 0 0-3-3H12a3 3 0 0 0-3 3v5H5a3 3 0 0 0-3 3v34a3 3 0 0 0 3 3h20v4h-4a3 3 0 0 0-3 3v4a1 1 0 0 0 1 1h26a1 1 0 0 0 1-1v-4a3 3 0 0 0-3-3h-4v-4h20a3 3 0 0 0 3-3V13a3 3 0 0 0-3-3zm-6 24a1 1 0 0 1-1 1H12a1 1 0 0 1-1-1V10h42zm-41 3h40a3 3 0 0 0 3-3V15h2v24H7V15h2v19a3 3 0 0 0 3 3zm0-33h40a1 1 0 0 1 1 1v3H11V5a1 1 0 0 1 1-1zm-7 8h4v1H6a1 1 0 0 0-1 1v26a1 1 0 0 0 1 1h52a1 1 0 0 0 1-1V14a1 1 0 0 0-1-1h-3v-1h4a1 1 0 0 1 1 1v29H4V13a1 1 0 0 1 1-1zm38 44a1 1 0 0 1 1 1v3H20v-3a1 1 0 0 1 1-1zm-6-2H27v-4h10zm22-6H5a1 1 0 0 1-1-1v-3h56v3a1 1 0 0 1-1 1z"
/>
<path fill="url(#b)" d="M55 45h-2a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2z" />
<path fill="url(#c)" d="M13 5h2v2h-2z" />
<path fill="url(#d)" d="M17 5h2v2h-2z" />
<path fill="url(#e)" d="M21 5h2v2h-2z" />
<path fill="url(#f)" d="M18 14h2a1 1 0 0 0 0-2h-2a1 1 0 0 0 0 2z" />
<path fill="url(#g)" d="M23 14h1a1 1 0 0 0 0-2h-1a1 1 0 0 0 0 2z" />
<path fill="url(#f)" d="M18 27h2a1 1 0 0 0 0-2h-2a1 1 0 0 0 0 2z" />
<path
fill="url(#g)"
d="M25 26a1 1 0 0 0-1-1h-1a1 1 0 0 0 0 2h1a1 1 0 0 0 1-1z"
/>
<path
fill="url(#h)"
d="M19 16a1 1 0 0 0 1 1h6a1 1 0 0 0 0-2h-6a1 1 0 0 0-1 1zM20 20h6a1 1 0 0 0 0-2h-6a1 1 0 0 0 0 2z"
/>
<path fill="url(#i)" d="M30 20h12a1 1 0 0 0 0-2H30a1 1 0 0 0 0 2z" />
<path fill="url(#h)" d="M20 23h6a1 1 0 0 0 0-2h-6a1 1 0 0 0 0 2z" />
<path fill="url(#j)" d="M30 23h16a1 1 0 0 0 0-2H30a1 1 0 0 0 0 2z" />
<path fill="url(#k)" d="M21 28h-1a1 1 0 0 0 0 2h1a1 1 0 0 0 0-2z" />
<path fill="url(#l)" d="M33 28h-8a1 1 0 0 0 0 2h8a1 1 0 0 0 0-2z" />
<path fill="url(#m)" d="M43 28h-6a1 1 0 0 0 0 2h6a1 1 0 0 0 0-2z" />
<path fill="url(#k)" d="M21 31h-1a1 1 0 0 0 0 2h1a1 1 0 0 0 0-2z" />
<path fill="url(#l)" d="M33 31h-8a1 1 0 0 0 0 2h8a1 1 0 0 0 0-2z" />
<path fill="url(#j)" d="M39 31h-2a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2z" />
<path fill="url(#n)" d="M30 17h2a1 1 0 0 0 0-2h-2a1 1 0 0 0 0 2z" />
</svg>
More icons in the same style and category