Add icons to this collection by clicking the heart icon.
Computer icon - also known as technology, computer, screen, television, tv, monitor, broken, and electronics. Created in a clean lineal color style with a white, gray, and navy finish, 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="100"
height="100"
viewBox="0 0 512 512"
>
<path
d="M469.333 21.333H42.667C19.135 21.333 0 40.469 0 64v298.667c0 23.531 19.135 42.667 42.667 42.667h149.362c-.46 17.052-3.728 44.306-15.893 57.104-4.469 4.708-9.604 6.896-16.135 6.896a10.66 10.66 0 0 0-10.667 10.667 10.66 10.66 0 0 0 10.667 10.667h192a10.66 10.66 0 0 0 10.667-10.667 10.66 10.66 0 0 0-10.667-10.667c-6.531 0-11.667-2.188-16.135-6.896-12.165-12.798-15.434-40.052-15.893-57.104h149.362c23.531 0 42.667-19.135 42.667-42.667V64c-.002-23.531-19.137-42.667-42.669-42.667z"
fill="#303c42"
/>
<path
d="M42.667 42.667h426.667c11.76 0 21.333 9.573 21.333 21.333v234.667H21.333V64c0-11.76 9.573-21.333 21.334-21.333z"
fill="#8d949c"
/>
<linearGradient
id="a"
x1="-45.807"
x2="-23.44"
y1="643.482"
y2="633.049"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#000" stop-opacity="0" />
<stop offset="1" stop-color="#000" stop-opacity=".1" />
</linearGradient>
<path
d="M42.667 42.667h426.667c11.76 0 21.333 9.573 21.333 21.333v234.667H21.333V64c0-11.76 9.573-21.333 21.334-21.333z"
fill="url(#a)"
/>
<path
d="M469.333 384H42.667c-11.76 0-21.333-9.573-21.333-21.333V320h469.333v42.667c0 11.76-9.573 21.333-21.334 21.333zM314.271 469.333H197.729c12.882-19.749 15.374-48.188 15.695-64h85.151c.322 15.813 2.814 44.252 15.696 64z"
fill="#f2f2f2"
/>
<circle cx="256" cy="352" r="21.333" fill="#303c42" />
<linearGradient
id="b"
x1="-35.701"
x2="-31.837"
y1="628.482"
y2="624.619"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#000" stop-opacity=".1" />
<stop offset="1" stop-color="#000" stop-opacity="0" />
</linearGradient>
<path
d="M314.271 469.333c-12.882-19.749-15.374-48.188-15.695-64h-85.151l64 64h36.846z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="-43.056"
x2="-26.35"
y1="646.545"
y2="629.838"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#000" stop-opacity="0" />
<stop offset="1" stop-color="#000" stop-opacity=".1" />
</linearGradient>
<path
d="M42.667 42.667h426.667c11.76 0 21.333 9.573 21.333 21.333v234.667H21.333V64c0-11.76 9.573-21.333 21.334-21.333z"
fill="url(#c)"
/>
<path
d="M224 234.667a10.636 10.636 0 0 1-7.542-3.125l-38.01-38-57.74 19.24c-5.031 1.719-10.531-.594-12.917-5.344L69.26 130.375l-55.219 18.406c-5.615 1.885-11.625-1.156-13.49-6.74-1.865-5.594 1.156-11.635 6.74-13.49l64-21.333c5.021-1.688 10.542.594 12.917 5.344l38.531 77.063 55.219-18.406c3.854-1.313 8.052-.271 10.917 2.573l42.667 42.667c4.167 4.167 4.167 10.917 0 15.083a10.636 10.636 0 0 1-7.542 3.125z"
fill="#303c42"
/>
<linearGradient
id="d"
x1="-47.656"
x2="-22.241"
y1="641.885"
y2="630.033"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" stop-opacity=".2" />
<stop offset="1" stop-color="#fff" stop-opacity="0" />
</linearGradient>
<path
d="M469.333 21.333H42.667C19.135 21.333 0 40.469 0 64v298.667c0 23.531 19.135 42.667 42.667 42.667h149.362c-.46 17.052-3.728 44.306-15.893 57.104-4.469 4.708-9.604 6.896-16.135 6.896a10.66 10.66 0 0 0-10.667 10.667 10.66 10.66 0 0 0 10.667 10.667h192a10.66 10.66 0 0 0 10.667-10.667 10.66 10.66 0 0 0-10.667-10.667c-6.531 0-11.667-2.188-16.135-6.896-12.165-12.798-15.434-40.052-15.893-57.104h149.362c23.531 0 42.667-19.135 42.667-42.667V64c-.002-23.531-19.137-42.667-42.669-42.667z"
fill="url(#d)"
/>
</svg>
More icons in the same style and category