Add icons to this collection by clicking the heart icon.
Code icon - also known as computer, web, website, code, web development, programming, and seo and web. 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"
>
<linearGradient
id="a"
gradientUnits="userSpaceOnUse"
x1="-6.997"
x2="493.795"
y1="486.997"
y2="-13.795"
>
<stop offset="0" stop-color="#003f8a" />
<stop offset=".518" stop-color="#00d7df" />
<stop offset="1" stop-color="#006df0" />
</linearGradient>
<linearGradient
id="b"
x1="-26.997"
x2="473.795"
y1="466.997"
y2="-33.795"
href="#a"
/>
<linearGradient
id="c"
x1="-.997"
x2="499.795"
y1="492.997"
y2="-7.795"
href="#a"
/>
<linearGradient
id="d"
x1="79.003"
x2="579.795"
y1="572.997"
y2="72.205"
href="#a"
/>
<linearGradient
id="e"
x1="-108.997"
x2="391.795"
y1="384.997"
y2="-115.795"
href="#a"
/>
<linearGradient
id="f"
x1="-62.997"
x2="437.795"
y1="430.997"
y2="-69.795"
href="#a"
/>
<linearGradient
id="g"
x1="-46.997"
x2="453.795"
y1="446.997"
y2="-53.795"
href="#a"
/>
<linearGradient
id="h"
x1="-30.997"
x2="469.795"
y1="462.997"
y2="-37.795"
href="#a"
/>
<linearGradient
id="i"
x1="-54.997"
x2="445.795"
y1="438.997"
y2="-61.795"
href="#a"
/>
<linearGradient
id="j"
x1="-8.997"
x2="491.795"
y1="484.997"
y2="-15.795"
href="#a"
/>
<linearGradient
id="k"
x1="1.003"
x2="501.795"
y1="494.997"
y2="-5.795"
href="#a"
/>
<linearGradient
id="l"
x1="17.003"
x2="517.795"
y1="510.997"
y2="10.205"
href="#a"
/>
<linearGradient
id="n"
x1="39.003"
x2="539.795"
y1="532.997"
y2="32.205"
href="#a"
/>
<g>
<path
d="m476 48h-440a28.031 28.031 0 0 0 -28 28v296a28.031 28.031 0 0 0 28 28h154.56l-5.34 32h-33.22a8 8 0 0 0 -8 8v16h-32a8 8 0 0 0 0 16h288a8 8 0 0 0 0-16h-32v-16a8 8 0 0 0 -8-8h-33.22l-5.34-32h154.56a28.031 28.031 0 0 0 28-28v-296a28.031 28.031 0 0 0 -28-28zm-124 400v8h-192v-8zm-150.56-16 5.34-32h98.44l5.34 32zm286.56-60a12.01 12.01 0 0 1 -12 12h-440a12.01 12.01 0 0 1 -12-12v-20h464zm0-36h-464v-260a12.01 12.01 0 0 1 12-12h440a12.01 12.01 0 0 1 12 12z"
fill="url(#a)"
/>
<path
d="m96 360h-48a8 8 0 0 0 0 16h48a8 8 0 0 0 0-16z"
fill="url(#b)"
/>
<path d="m128 360h-8a8 8 0 0 0 0 16h8a8 8 0 0 0 0-16z" fill="url(#c)" />
<path
d="m432 304a8 8 0 0 0 0 16h24a8 8 0 0 0 8-8v-208a8 8 0 0 0 -8-8h-24a8 8 0 0 0 0 16h16v192z"
fill="url(#d)"
/>
<path
d="m56 320h24a8 8 0 0 0 0-16h-16v-192h16a8 8 0 0 0 0-16h-24a8 8 0 0 0 -8 8v208a8 8 0 0 0 8 8z"
fill="url(#e)"
/>
<path
d="m112 120h288a8 8 0 0 0 0-16h-288a8 8 0 0 0 0 16z"
fill="url(#f)"
/>
<path
d="m112 152h288a8 8 0 0 0 0-16h-288a8 8 0 0 0 0 16z"
fill="url(#g)"
/>
<path
d="m112 184h288a8 8 0 0 0 0-16h-288a8 8 0 0 0 0 16z"
fill="url(#h)"
/>
<path
d="m112 216h128a8 8 0 0 0 0-16h-128a8 8 0 0 0 0 16z"
fill="url(#i)"
/>
<path d="m264 200a8 8 0 0 0 0 16h8a8 8 0 0 0 0-16z" fill="url(#j)" />
<path
d="m112 248h288a8 8 0 0 0 0-16h-288a8 8 0 0 0 0 16z"
fill="url(#k)"
/>
<path
d="m112 280h288a8 8 0 0 0 0-16h-288a8 8 0 0 0 0 16z"
fill="url(#l)"
/>
<path
d="m112 312h128a8 8 0 0 0 0-16h-128a8 8 0 0 0 0 16z"
fill="url(#a)"
/>
<path d="m272 296h-8a8 8 0 0 0 0 16h8a8 8 0 0 0 0-16z" fill="url(#n)" />
</g>
</svg>
More icons in the same style and category