Add icons to this collection by clicking the heart icon.
Computer icon - also known as technology, computer, screen, education, mouse, monitor, tower, keyboard, electronics, and informatics. 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 64 64"
>
<linearGradient
id="a"
x1="23"
x2="23"
y1=".449"
y2="62.272"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff33b" />
<stop offset=".014" stop-color="#fee72e" />
<stop offset=".042" stop-color="#fed51b" />
<stop offset=".07" stop-color="#fdca10" />
<stop offset=".1" stop-color="#fdc70c" />
<stop offset=".4" stop-color="#f3903f" />
<stop offset=".8" stop-color="#ed683c" />
<stop offset="1" stop-color="#e93e3a" />
</linearGradient>
<linearGradient id="b" x1="38" x2="38" y1=".449" y2="62.272" href="#a" />
<linearGradient id="c" x1="39" x2="39" y1=".449" y2="62.272" href="#a" />
<linearGradient id="d" x1="54" x2="54" y1=".449" y2="62.272" href="#a" />
<linearGradient id="e" x1="57" x2="57" y1=".449" y2="62.272" href="#a" />
<linearGradient id="f" x1="9" x2="9" y1=".449" y2="62.272" href="#a" />
<linearGradient id="g" x1="15" x2="15" y1=".449" y2="62.272" href="#a" />
<linearGradient id="h" x1="21" x2="21" y1=".449" y2="62.272" href="#a" />
<linearGradient id="i" x1="27" x2="27" y1=".449" y2="62.272" href="#a" />
<linearGradient id="j" x1="35" x2="35" y1=".449" y2="62.272" href="#a" />
<path
fill="url(#a)"
d="M41 2H5a3 3 0 0 0-3 3v24a3 3 0 0 0 3 3h14.382l-3 6H16a3 3 0 0 0 0 6h14a3 3 0 0 0 0-6h-.382l-3-6H41a3 3 0 0 0 3-3V5a3 3 0 0 0-3-3zM31 41a1 1 0 0 1-1 1H16a1 1 0 0 1 0-2h14a1 1 0 0 1 1 1zm-3.618-3h-8.764l3-6h2.764zM42 29a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1h36a1 1 0 0 1 1 1z"
/>
<path fill="url(#b)" d="M39 6h-3v2h2v2h2V7a1 1 0 0 0-1-1z" />
<path fill="url(#c)" d="M38 11h2v2h-2z" />
<path
fill="url(#a)"
d="M42 46H4a1 1 0 0 0-1 1v14a1 1 0 0 0 1 1h38a1 1 0 0 0 1-1V47a1 1 0 0 0-1-1zm-1 14H5V48h36z"
/>
<path
fill="url(#d)"
d="M61 2H47a1 1 0 0 0-1 1v40a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1zm-1 40H48V4h12z"
/>
<path
fill="url(#e)"
d="M59 50h-4a3 3 0 0 0-3 3v6a3 3 0 0 0 3 3h4a3 3 0 0 0 3-3v-6a3 3 0 0 0-3-3zm1 3v1h-2v-2h1a1 1 0 0 1 1 1zm-5-1h1v2h-2v-1a1 1 0 0 1 1-1zm4 8h-4a1 1 0 0 1-1-1v-3h6v3a1 1 0 0 1-1 1z"
/>
<path fill="url(#f)" d="M7 50h4v2H7zM7 56h4v2H7z" />
<path fill="url(#g)" d="M13 50h4v2h-4zM13 56h4v2h-4z" />
<path fill="url(#h)" d="M19 50h4v2h-4zM19 56h4v2h-4z" />
<path fill="url(#i)" d="M25 50h4v2h-4zM25 56h4v2h-4z" />
<path
fill="url(#j)"
d="M32 58h6a1 1 0 0 0 1-1v-6a1 1 0 0 0-1-1h-6a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1zm1-6h4v4h-4z"
/>
<g fill="url(#d)">
<path
d="M51 12h6a1 1 0 0 0 1-1V7a1 1 0 0 0-1-1h-6a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1zm1-4h4v2h-4zM51 20h6a1 1 0 0 0 1-1v-4a1 1 0 0 0-1-1h-6a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1zm1-4h4v2h-4zM54 31a4 4 0 1 0-4-4 4 4 0 0 0 4 4zm0-6a2 2 0 1 1-2 2 2 2 0 0 1 2-2zM50 38h8v2h-8zM50 34h8v2h-8z"
/>
</g>
</svg>
More icons in the same style and category