Add icons to this collection by clicking the heart icon.
Coding icon - also known as computer, gamepad, browser, software, developer, coding, gaming, game development, and software application. Created in a clean lineal 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 512 512"
>
<defs>
<linearGradient
id="a"
x1="-18.471"
x2="485.922"
y1="498.471"
y2="-5.922"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#003f8a" />
<stop offset=".518" stop-color="#00d7df" />
<stop offset="1" stop-color="#006df0" />
</linearGradient>
<linearGradient
id="b"
x1="-216.471"
x2="287.922"
y1="300.471"
y2="-203.922"
href="#a"
/>
<linearGradient
id="c"
x1="-200.471"
x2="303.922"
y1="316.471"
y2="-187.922"
href="#a"
/>
<linearGradient
id="d"
x1="-184.471"
x2="319.922"
y1="332.471"
y2="-171.922"
href="#a"
/>
<linearGradient
id="e"
x1="-166.471"
x2="337.922"
y1="350.47"
y2="-153.922"
href="#a"
/>
<linearGradient
id="f"
x1="-130.471"
x2="373.922"
y1="386.471"
y2="-117.922"
href="#a"
/>
<linearGradient
id="g"
x1="-148.471"
x2="355.922"
y1="368.471"
y2="-135.922"
href="#a"
/>
<linearGradient
id="h"
x1="-46.471"
x2="457.922"
y1="470.471"
y2="-33.922"
href="#a"
/>
<linearGradient
id="i"
x1="-34.471"
x2="469.922"
y1="482.471"
y2="-21.922"
href="#a"
/>
<linearGradient
id="j"
x1="-22.471"
x2="481.922"
y1="494.471"
y2="-9.922"
href="#a"
/>
<linearGradient
id="k"
x1="-74.471"
x2="429.922"
y1="442.471"
y2="-61.922"
href="#a"
/>
<linearGradient
id="l"
x1="1.529"
x2="505.922"
y1="518.471"
y2="14.078"
href="#a"
/>
<linearGradient
id="m"
x1="13.529"
x2="517.922"
y1="530.471"
y2="26.078"
href="#a"
/>
<linearGradient
id="n"
x1="-6.471"
x2="497.922"
y1="510.471"
y2="6.078"
href="#a"
/>
<linearGradient
id="o"
x1="41.529"
x2="545.922"
y1="558.471"
y2="54.078"
href="#a"
/>
<linearGradient
id="p"
x1="95.529"
x2="599.922"
y1="612.471"
y2="108.078"
href="#a"
/>
<linearGradient
id="q"
x1="111.529"
x2="615.922"
y1="628.471"
y2="124.078"
href="#a"
/>
</defs>
<path
fill="url(#a)"
d="M496 8H16a8 8 0 0 0-8 8v416a8 8 0 0 0 8 8h124.83l-4.85 41.89c0 .04-.01.08-.01.12a20 20 0 0 0 19.9 21.99h34.09a19.969 19.969 0 0 0 18.97-13.68l10.53-31.58a4 4 0 0 1 3.8-2.74h63.7a3.991 3.991 0 0 1 3.79 2.73l10.53 31.6A20 20 0 0 0 320.26 504h34.09a20 20 0 0 0 19.9-21.99c0-.04-.01-.08-.01-.12L369.39 440H496a8 8 0 0 0 8-8V16a8 8 0 0 0-8-8ZM357.31 486.68a3.918 3.918 0 0 1-2.96 1.32h-34.09a4 4 0 0 1-3.8-2.73l-10.53-31.6A19.973 19.973 0 0 0 286.96 440h-63.7a19.991 19.991 0 0 0-18.98 13.68l-10.53 31.58a3.987 3.987 0 0 1-3.79 2.74h-34.09a4.007 4.007 0 0 1-3.99-4.35l11.79-101.92c.01-.04.01-.08.02-.12A23.923 23.923 0 0 1 187.57 360h30.66l6.18 18.53A8 8 0 0 0 232 384h48a8 8 0 0 0 7.59-5.47l6.18-18.53h28.88a23.923 23.923 0 0 1 23.88 21.61c0 .04.01.08.01.12l11.79 101.92a3.921 3.921 0 0 1-1.02 3.03ZM235.1 360h41.8l-2.67 8h-36.46ZM488 424H367.54l-5.1-44.05A39.869 39.869 0 0 0 322.65 344H187.57a39.879 39.879 0 0 0-39.8 35.95L142.68 424H24V72h464Zm0-368H24V24h464Z"
/>
<path fill="url(#b)" d="M40 48h8a8 8 0 0 0 0-16h-8a8 8 0 0 0 0 16Z" />
<path fill="url(#c)" d="M72 48h8a8 8 0 0 0 0-16h-8a8 8 0 0 0 0 16Z" />
<path fill="url(#d)" d="M104 48h8a8 8 0 0 0 0-16h-8a8 8 0 0 0 0 16Z" />
<path
fill="url(#e)"
d="M64.008 152a8 8 0 0 0 6.648-12.439L57.615 120l13.041-19.562a8 8 0 0 0-13.312-8.876l-16 24a8 8 0 0 0 0 8.876l16 24A7.992 7.992 0 0 0 64.008 152Z"
/>
<path
fill="url(#f)"
d="M131.562 150.656a8 8 0 0 0 11.094-2.218l16-24a8 8 0 0 0 0-8.876l-16-24a8 8 0 1 0-13.312 8.876L142.385 120l-13.041 19.562a8 8 0 0 0 2.218 11.094Z"
/>
<path
fill="url(#g)"
d="M84.422 151.155a7.993 7.993 0 0 0 10.733-3.577l24-48a8 8 0 0 0-14.31-7.156l-24 48a8 8 0 0 0 3.577 10.733Z"
/>
<path fill="url(#h)" d="M456 160H56a8 8 0 0 0 0 16h400a8 8 0 0 0 0-16Z" />
<path fill="url(#i)" d="M456 184H56a8 8 0 0 0 0 16h400a8 8 0 0 0 0-16Z" />
<path fill="url(#j)" d="M456 208H56a8 8 0 0 0 0 16h400a8 8 0 0 0 0-16Z" />
<path fill="url(#k)" d="M56 248h144a8 8 0 0 0 0-16H56a8 8 0 0 0 0 16Z" />
<path fill="url(#l)" d="M456 256H56a8 8 0 0 0 0 16h400a8 8 0 0 0 0-16Z" />
<path fill="url(#m)" d="M456 280H56a8 8 0 0 0 0 16h400a8 8 0 0 0 0-16Z" />
<path fill="url(#n)" d="M328 304H56a8 8 0 0 0 0 16h272a8 8 0 0 0 0-16Z" />
<path
fill="url(#o)"
d="M216 392h-8v-8a8 8 0 0 0-16 0v8h-8a8 8 0 0 0 0 16h8v8a8 8 0 0 0 16 0v-8h8a8 8 0 0 0 0-16Z"
/>
<path fill="url(#p)" d="M296 408h-8a8 8 0 0 0 0 16h8a8 8 0 0 0 0-16Z" />
<path fill="url(#q)" d="M328 408h-8a8 8 0 0 0 0 16h8a8 8 0 0 0 0-16Z" />
</svg>
More icons in the same style and category