Add icons to this collection by clicking the heart icon.
Code icon - also known as web, window, page, code, program, ui, programming, windows os, and metadata. 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 32 32"
>
<linearGradient id="a">
<stop offset="0" stop-color="#b61919" />
<stop offset="1" stop-color="#012443" />
</linearGradient>
<linearGradient
id="b"
x1="2.015"
x2="26.015"
y1="28.518"
y2="1.018"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="5.442"
x2="29.442"
y1="31.509"
y2="4.009"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="3.702"
x2="27.702"
y1="29.99"
y2="2.49"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="3.752"
x2="27.752"
y1="30.034"
y2="2.534"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="-1.506"
x2="22.494"
y1="25.445"
y2="-2.055"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="9.011"
x2="33.011"
y1="34.623"
y2="7.123"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="-1.945"
x2="22.055"
y1="25.062"
y2="-2.438"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="9.449"
x2="33.449"
y1="35.006"
y2="7.506"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#b)"
d="M13.308 19.491a.502.502 0 0 1-.354-.146l-3.181-3.181a.5.5 0 0 1 0-.707l3.168-3.169a.5.5 0 0 1 .707.707l-2.814 2.815 2.827 2.827a.5.5 0 0 1-.353.854z"
/>
<path
fill="url(#c)"
d="M18.692 19.762a.5.5 0 0 1-.354-.853l2.827-2.827-2.814-2.815a.5.5 0 0 1 .707-.707l3.168 3.169a.5.5 0 0 1 0 .707l-3.181 3.181a.501.501 0 0 1-.353.145z"
/>
<path
fill="url(#d)"
d="M14.093 21.691a.498.498 0 0 1-.473-.659l3.415-10.129a.499.499 0 1 1 .947.319l-3.415 10.129a.5.5 0 0 1-.474.34z"
/>
<path
fill="url(#e)"
d="M22.045 30.5H9.955a3.334 3.334 0 0 1-3.33-3.33V4.83a3.334 3.334 0 0 1 3.33-3.33h12.09a3.334 3.334 0 0 1 3.33 3.33v22.34a3.334 3.334 0 0 1-3.33 3.33zm-12.09-28a2.332 2.332 0 0 0-2.33 2.33v22.34a2.332 2.332 0 0 0 2.33 2.33h12.09a2.332 2.332 0 0 0 2.33-2.33V4.83a2.332 2.332 0 0 0-2.33-2.33z"
/>
<path
fill="url(#f)"
d="M24.875 7.5H7.125a.5.5 0 0 1-.5-.5V4.83a3.334 3.334 0 0 1 3.33-3.33h12.09a3.334 3.334 0 0 1 3.33 3.33V7a.5.5 0 0 1-.5.5zm-17.25-1h16.75V4.83a2.332 2.332 0 0 0-2.33-2.33H9.955a2.332 2.332 0 0 0-2.33 2.33z"
/>
<path
fill="url(#g)"
d="M22.045 30.5H9.955a3.334 3.334 0 0 1-3.33-3.33V25a.5.5 0 0 1 .5-.5h17.75a.5.5 0 0 1 .5.5v2.17a3.334 3.334 0 0 1-3.33 3.33zm-14.42-5v1.67a2.332 2.332 0 0 0 2.33 2.33h12.09a2.332 2.332 0 0 0 2.33-2.33V25.5z"
/>
<path
fill="url(#h)"
d="M18.167 5h-4.334a.5.5 0 0 1 0-1h4.334a.5.5 0 0 1 0 1z"
/>
<circle cx="16" cy="27.5" r="1.417" fill="url(#i)" />
</svg>
More icons in the same style and category