Add icons to this collection by clicking the heart icon.
Coding icon - also known as screen, data, monitor, code, multimedia, browser, coding, seo and web, and edit tools. 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="65.92"
y2="10.99"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<linearGradient
id="b"
x1="13.5"
x2="13.5"
y1="65.92"
y2="10.99"
href="#a"
/>
<linearGradient
id="c"
x1="17.5"
x2="17.5"
y1="65.92"
y2="10.99"
href="#a"
/>
<linearGradient
id="d"
x1="21.5"
x2="21.5"
y1="65.92"
y2="10.99"
href="#a"
/>
<linearGradient
id="e"
x1="38.5"
x2="38.5"
y1="65.92"
y2="10.99"
href="#a"
/>
<linearGradient
id="f"
x1="47.5"
x2="47.5"
y1="65.92"
y2="10.99"
href="#a"
/>
<linearGradient id="g" x1="43" x2="43" y1="65.92" y2="10.99" href="#a" />
<linearGradient id="h" x1="14" x2="14" y1="65.92" y2="10.99" href="#a" />
<linearGradient id="i" x1="24" x2="24" y1="65.92" y2="10.99" href="#a" />
<linearGradient id="j" x1="19" x2="19" y1="65.92" y2="10.99" href="#a" />
<linearGradient
id="k"
x1="14.5"
x2="14.5"
y1="65.92"
y2="10.99"
href="#a"
/>
<linearGradient id="l" x1="23" x2="23" y1="65.92" y2="10.99" href="#a" />
<linearGradient
id="m"
x1="18.5"
x2="18.5"
y1="65.92"
y2="10.99"
href="#a"
/>
<linearGradient
id="n"
x1="24.5"
x2="24.5"
y1="65.92"
y2="10.99"
href="#a"
/>
<path
fill="url(#a)"
d="M61 52h-2V17a5.006 5.006 0 0 0-5-5H10a5.006 5.006 0 0 0-5 5v35H3a1 1 0 0 0-1 1v2a7.008 7.008 0 0 0 7 7h46a7.008 7.008 0 0 0 7-7v-2a1 1 0 0 0-1-1zM7 17a3 3 0 0 1 3-3h44a3 3 0 0 1 3 3v35H7zm20 37h10v1a1 1 0 0 1-1 1h-8a1 1 0 0 1-1-1zm33 1a5.006 5.006 0 0 1-5 5H9a5.006 5.006 0 0 1-5-5v-1h21v1a3 3 0 0 0 3 3h8a3 3 0 0 0 3-3v-1h21z"
/>
<path
fill="url(#a)"
d="M54 50a1 1 0 0 0 1-1V17a1 1 0 0 0-1-1H10a1 1 0 0 0-1 1v32a1 1 0 0 0 1 1zm-1-2H33V24h20zM11 18h42v4H11zm0 6h20v24H11z"
/>
<path fill="url(#b)" d="M14 19h-1a1 1 0 0 0 0 2h1a1 1 0 0 0 0-2z" />
<path fill="url(#c)" d="M18 19h-1a1 1 0 0 0 0 2h1a1 1 0 0 0 0-2z" />
<path fill="url(#d)" d="M22 19h-1a1 1 0 0 0 0 2h1a1 1 0 0 0 0-2z" />
<path
fill="url(#e)"
d="M36 32h5a1 1 0 0 0 1-1v-4a1 1 0 0 0-1-1h-5a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1zm1-4h3v2h-3z"
/>
<path
fill="url(#f)"
d="M45 32h5a1 1 0 0 0 1-1v-4a1 1 0 0 0-1-1h-5a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1zm1-4h3v2h-3z"
/>
<path
fill="url(#g)"
d="M36 39h14a1 1 0 0 0 1-1v-4a1 1 0 0 0-1-1H36a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1zm1-4h12v2H37z"
/>
<path
fill="url(#e)"
d="M36 46h5a1 1 0 0 0 1-1v-4a1 1 0 0 0-1-1h-5a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1zm1-4h3v2h-3z"
/>
<path
fill="url(#f)"
d="M50 40h-5a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h5a1 1 0 0 0 1-1v-4a1 1 0 0 0-1-1zm-1 4h-3v-2h3z"
/>
<path
fill="url(#h)"
d="M15.707 25.293a1 1 0 0 0-1.414 0l-2 2a1 1 0 0 0 0 1.414l2 2a1 1 0 0 0 1.414-1.414L14.414 28l1.293-1.293a1 1 0 0 0 0-1.414z"
/>
<path
fill="url(#i)"
d="M22.293 30.707a1 1 0 0 0 1.414 0l2-2a1 1 0 0 0 0-1.414l-2-2a1 1 0 0 0-1.414 1.414L23.586 28l-1.293 1.293a1 1 0 0 0 0 1.414z"
/>
<path
fill="url(#j)"
d="M17.553 30.9a1 1 0 0 0 1.342-.448l2-4a1 1 0 0 0-1.79-.894l-2 4a1 1 0 0 0 .448 1.342z"
/>
<path fill="url(#k)" d="M15 33h-1a1 1 0 0 0 0 2h1a1 1 0 0 0 0-2z" />
<path fill="url(#l)" d="M18 35h10a1 1 0 0 0 0-2H18a1 1 0 0 0 0 2z" />
<path fill="url(#k)" d="M15 36h-1a1 1 0 0 0 0 2h1a1 1 0 0 0 0-2z" />
<path fill="url(#l)" d="M28 36H18a1 1 0 0 0 0 2h10a1 1 0 0 0 0-2z" />
<path fill="url(#m)" d="M18 42h1a1 1 0 0 0 0-2h-1a1 1 0 0 0 0 2z" />
<path fill="url(#k)" d="M15 44h-1a1 1 0 0 0 0 2h1a1 1 0 0 0 0-2z" />
<path fill="url(#l)" d="M28 44H18a1 1 0 0 0 0 2h10a1 1 0 0 0 0-2z" />
<path fill="url(#n)" d="M26 42a1 1 0 0 0 0-2h-3a1 1 0 0 0 0 2z" />
</svg>
More icons in the same style and category