Add icons to this collection by clicking the heart icon.
Code icon - also known as technology, computer, interface, screen, monitor, code, desktop computer, electronics, 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="640"
height="640"
viewBox="0 0 480 480"
>
<linearGradient id="a">
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".36" stop-color="#ed683c" />
<stop offset=".716" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<linearGradient
id="b"
x1="236.16"
x2="243.456"
y1="483.576"
y2="-9.432"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="429.896"
x2="437.184"
y1="486.44"
y2="-6.568"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="97.352"
x2="104.64"
y1="481.52"
y2="-11.48"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="129.344"
x2="136.64"
y1="482"
y2="-11.008"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="161.336"
x2="168.632"
y1="482.472"
y2="-10.536"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="173.6"
x2="180.888"
y1="482.648"
y2="-10.352"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="295.648"
x2="302.936"
y1="484.456"
y2="-8.552"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="234.625"
x2="241.913"
y1="483.554"
y2="-9.454"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="j"
x1="147.584"
x2="154.88"
y1="482.264"
y2="-10.744"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="k"
x1="195.576"
x2="202.872"
y1="482.976"
y2="-10.032"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="l"
x1="172.056"
x2="179.352"
y1="482.632"
y2="-10.376"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="m"
x1="220.048"
x2="227.336"
y1="483.336"
y2="-9.672"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="n"
x1="172.528"
x2="179.824"
y1="482.632"
y2="-10.368"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#b)"
d="M440 64h-24V24c0-13.254-10.746-24-24-24H88C74.746 0 64 10.746 64 24v40H40C17.918 64.027.027 81.918 0 104v240c.027 22.082 17.918 39.973 40 40h134.938l-6 48H160c-8.836 0-16 7.164-16 16v16h-16v16h224v-16h-16v-16c0-8.836-7.164-16-16-16h-8.938l-6-48H440c22.082-.027 39.973-17.918 40-40V104c-.027-22.082-17.918-39.973-40-40zM80 64h320v200a8 8 0 0 1-8 8H88a8 8 0 0 1-8-8zm8-48h304a8 8 0 0 1 8 8v24H80V24a8 8 0 0 1 8-8zM40 80h24v184c0 13.254 10.746 24 24 24h304c13.254 0 24-10.746 24-24V80h24c13.254 0 24 10.746 24 24v200H16V104c0-13.254 10.746-24 24-24zm280 384H160v-16h160zm-25.063-32H185.063l6-48h97.875zM440 368H40c-13.254 0-24-10.746-24-24v-24h448v24c0 13.254-10.746 24-24 24zm0 0"
/>
<path fill="url(#c)" d="M424 336h16v16h-16zm0 0" />
<path fill="url(#d)" d="M96 24h16v16H96zm0 0" />
<path fill="url(#e)" d="M128 24h16v16h-16zm0 0" />
<path fill="url(#f)" d="M160 24h16v16h-16zm0 0" />
<path
fill="url(#g)"
d="m186.344 149.656 11.312-11.312L179.312 120l18.344-18.344-11.312-11.312-24 24a8.004 8.004 0 0 0 0 11.312zm0 0"
/>
<path
fill="url(#h)"
d="m293.656 149.656 24-24a8.004 8.004 0 0 0 0-11.312l-24-24-11.312 11.312L300.688 120l-18.344 18.344zm0 0"
/>
<path
fill="url(#i)"
d="m216.566 157.027 32.008-79.996 14.863 5.946-32.007 79.996zm0 0"
/>
<path fill="url(#j)" d="M144 176h16v16h-16zm0 0" />
<path fill="url(#k)" d="M176 176h48v16h-48zm0 0" />
<path fill="url(#l)" d="M160 208h32v16h-32zm0 0" />
<path fill="url(#m)" d="M208 208h32v16h-32zm0 0" />
<path fill="url(#n)" d="M128 240h96v16h-96zm0 0" />
</svg>
More icons in the same style and category