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 flat 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="6.361"
x2="24.986"
y1="29.456"
y2="3.456"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="1.372"
x2="19.997"
y1="25.882"
y2="-.118"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="11.35"
x2="29.975"
y1="33.03"
y2="7.03"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#b61919" />
<stop offset=".08" stop-color="#a71a1c" />
<stop offset="1" stop-color="#012443" />
</linearGradient>
<linearGradient
id="e"
x1="3.036"
x2="21.661"
y1="27.074"
y2="1.074"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="5.947"
x2="24.572"
y1="29.16"
y2="3.16"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="4.458"
x2="23.083"
y1="28.093"
y2="2.093"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="6.983"
x2="25.608"
y1="29.902"
y2="3.902"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="8.205"
x2="26.83"
y1="30.777"
y2="4.777"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="j"
x1="9.427"
x2="28.052"
y1="31.653"
y2="5.653"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#b)"
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(#c)"
d="M22.045 2H9.955c-1.56 0-2.83 1.27-2.83 2.83V7h17.75V4.83c0-1.56-1.27-2.83-2.83-2.83zm-3.878 3h-4.334a.5.5 0 0 1 0-1h4.334a.5.5 0 0 1 0 1z"
/>
<path
fill="url(#d)"
d="M7.125 25v2.17c0 1.56 1.27 2.83 2.83 2.83h12.09c1.56 0 2.83-1.27 2.83-2.83V25zM16 28.917a1.417 1.417 0 1 1 0-2.834 1.417 1.417 0 0 1 0 2.834z"
/>
<path
fill="url(#e)"
d="M14.403 14.291a.502.502 0 0 1-.354-.146l-2.158-2.158a.5.5 0 0 1 0-.707l2.149-2.149a.5.5 0 0 1 .707.707l-1.796 1.796 1.805 1.805a.5.5 0 0 1-.353.852z"
/>
<path
fill="url(#f)"
d="M18.057 14.475a.5.5 0 0 1-.354-.853l1.805-1.805-1.797-1.796a.5.5 0 0 1 .707-.707l2.15 2.149a.5.5 0 0 1 0 .708l-2.158 2.158a.496.496 0 0 1-.353.146z"
/>
<path
fill="url(#g)"
d="M14.937 15.784a.5.5 0 0 1-.473-.66l2.316-6.872a.5.5 0 0 1 .947.321l-2.316 6.872a.502.502 0 0 1-.474.339z"
/>
<path
fill="url(#h)"
d="M23.271 17.494H9.188a.5.5 0 0 1 0-1h14.083a.5.5 0 0 1 0 1z"
/>
<path
fill="url(#i)"
d="M23.271 20.075H9.188a.5.5 0 0 1 0-1h14.083a.5.5 0 0 1 0 1z"
/>
<path
fill="url(#j)"
d="M23.271 22.656H9.188a.5.5 0 0 1 0-1h14.083a.5.5 0 0 1 0 1z"
/>
</svg>
More icons in the same style and category