Add icons to this collection by clicking the heart icon.
Code icon - also known as computer, file, data, network, code, ui, electronics, coding, programming language, programmation, 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="640"
height="640"
viewBox="0 0 480 480"
>
<linearGradient id="a">
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<linearGradient
id="b"
x1="240"
x2="240"
y1="539.52"
y2="-17.68"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="376"
x2="376"
y1="539.52"
y2="-17.68"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="372"
x2="372"
y1="539.52"
y2="-17.68"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="100"
x2="100"
y1="539.52"
y2="-17.68"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="104"
x2="104"
y1="539.52"
y2="-17.68"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="32"
x2="32"
y1="539.52"
y2="-17.68"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="176"
x2="176"
y1="539.52"
y2="-17.68"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="304"
x2="304"
y1="539.52"
y2="-17.68"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="j"
x1="448"
x2="448"
y1="539.52"
y2="-17.68"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#b)"
d="M480 208V0H272v48h-64V0H0v208h48v64H0v208h208v-48h64v48h208V272h-48v-64zM288 16h176v176H288zm-16 256v48h-64v-48h-56v-64h56v-48h64v48h56v64zm0-208v80h-64V64zM16 16h176v176H16zm48 192h72v64H64zm128 256H16V288h176zm16-48v-80h64v80zm256 48H288V288h176zm-48-192h-72v-64h72zm0 0"
/>
<path
fill="url(#c)"
d="M376 48c-22.082.027-39.973 17.918-40 40v32c0 22.09 17.91 40 40 40s40-17.91 40-40V88c-.027-22.082-17.918-39.973-40-40zm24 72c0 13.254-10.746 24-24 24s-24-10.746-24-24V88c0-13.254 10.746-24 24-24s24 10.746 24 24zm0 0"
/>
<path
fill="url(#d)"
d="M408 416h-56v-32h40v-16h-40v-32h56v-16h-72v112h72zm0 0"
/>
<path
fill="url(#e)"
d="M64 88v32c.027 22.082 17.918 39.973 40 40h32v-16h-32c-13.254 0-24-10.746-24-24V88c0-13.254 10.746-24 24-24h32V48h-32c-22.082.027-39.973 17.918-40 40zm0 0"
/>
<path
fill="url(#f)"
d="M144 392v-32c-.027-22.082-17.918-39.973-40-40H64v112h40c22.082-.027 39.973-17.918 40-40zm-64-56h24c13.254 0 24 10.746 24 24v32c0 13.254-10.746 24-24 24H80zm0 0"
/>
<path fill="url(#g)" d="M24 24h16v16H24zm0 0" />
<path fill="url(#h)" d="M168 24h16v16h-16zm0 0" />
<path fill="url(#g)" d="M24 168h16v16H24zm0 0" />
<path fill="url(#h)" d="M168 168h16v16h-16zm0 0" />
<path fill="url(#i)" d="M296 24h16v16h-16zm0 0" />
<path fill="url(#j)" d="M440 24h16v16h-16zm0 0" />
<path fill="url(#i)" d="M296 168h16v16h-16zm0 0" />
<path fill="url(#j)" d="M440 168h16v16h-16zm0 0" />
<path fill="url(#i)" d="M296 296h16v16h-16zm0 0" />
<path fill="url(#j)" d="M440 296h16v16h-16zm0 0" />
<path fill="url(#i)" d="M296 440h16v16h-16zm0 0" />
<path fill="url(#j)" d="M440 440h16v16h-16zm0 0" />
<path fill="url(#g)" d="M24 296h16v16H24zm0 0" />
<path fill="url(#h)" d="M168 296h16v16h-16zm0 0" />
<path fill="url(#g)" d="M24 440h16v16H24zm0 0" />
<path fill="url(#h)" d="M168 440h16v16h-16zm0 0" />
</svg>
More icons in the same style and category