Add icons to this collection by clicking the heart icon.
Code icon - also known as screen, data, monitor, development, website, code, web programming, web development, 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="512"
height="512"
viewBox="0 0 32 32"
>
<linearGradient
id="a"
x1="-.17"
x2="31.15"
y1="14"
y2="14"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#7738c8" />
<stop offset="1" stop-color="#461d93" />
</linearGradient>
<linearGradient id="b" x1="-.17" x2="31.15" y1="10" y2="10" href="#a" />
<linearGradient id="c" x1="-.17" x2="31.15" y1="12" y2="12" href="#a" />
<linearGradient id="d" x1="-.17" x2="31.15" y1="18" y2="18" href="#a" />
<linearGradient id="e" x1="-.17" x2="31.15" y1="16" y2="16" href="#a" />
<linearGradient id="f" x1="-.17" x2="31.15" y1="24" y2="24" href="#a" />
<linearGradient
id="g"
x1="-.17"
x2="31.15"
y1="24"
y2="24"
gradientTransform="rotate(75.94 21.005 24.01)"
href="#a"
/>
<path fill="url(#a)" d="M13 13h6v2h-6zM20.5 13H23v2h-2.5z" />
<path fill="url(#b)" d="M13 9h10v2H13z" />
<path
fill="url(#c)"
d="M6 15h4a1 1 0 0 0 1-1v-4a1 1 0 0 0-1-1H6a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1zm1-4h2v2H7z"
/>
<path fill="url(#d)" d="M5 17h4.42v2H5z" />
<path
fill="url(#e)"
d="M30 17h-3V2a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1v24a1 1 0 0 0 1 1h9v3a1 1 0 0 0 1 1h18a1 1 0 0 0 1-1V18a1 1 0 0 0-1-1zM25 3v2H3V3zM3 25V7h22v10H12a1 1 0 0 0-1 1v2H5v2h6v3zm26 4H13V19h16z"
/>
<path
fill="url(#f)"
d="m25.08 27 2.57-2.2a1 1 0 0 0 0-1.52L25.08 21l-1.3 1.52L25.46 24l-1.68 1.44zM16.92 27l1.3-1.52L16.54 24l1.68-1.44-1.3-1.56-2.57 2.2a1 1 0 0 0 0 1.52z"
/>
<path
fill="url(#g)"
d="M17.42 23h7.15v2h-7.15z"
transform="rotate(-75.94 21.01 24.004)"
/>
</svg>
More icons in the same style and category