Add icons to this collection by clicking the heart icon.
Computer icon - also known as technology, computer, screen, television, tv, virus, and monitor. 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="#5c6671"
/>
<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="#fff" stop-opacity=".2" />
<stop offset="1" stop-color="#fff" stop-opacity="0" />
</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)"
/>
<linearGradient
id="b"
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="#fff" stop-opacity=".2" />
<stop offset="1" stop-color="#fff" stop-opacity="0" />
</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(#b)"
/>
<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="c"
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(#c)"
/>
<path
d="M256 277.333c22.792 0 44.229-8.875 60.333-24.99 22.754-22.754 29.557-55.181 21.189-84.108l11.353-11.361c4.167-4.167 4.167-10.917 0-15.083l-13.111-13.111c7.363-5.431 17.655-11.348 26.902-11.348a10.66 10.66 0 0 0 10.667-10.667 10.66 10.66 0 0 0-10.667-10.667c-17.082 0-32.908 10.16-42.133 17.451l-14.326-14.326c-4.167-4.167-10.917-4.167-15.083 0l-11.818 11.81c-28.97-7.806-61.788-1.146-83.641 20.721-33.271 33.271-33.271 87.417 0 120.688 16.106 16.116 37.543 24.991 60.335 24.991z"
fill="#303c42"
/>
<path
d="M210.75 146.74C222.833 134.656 238.896 128 256 128s33.167 6.656 45.25 18.74c24.958 24.958 24.958 65.563 0 90.521-24.167 24.167-66.333 24.167-90.5 0-24.958-24.959-24.958-65.563 0-90.521z"
fill="#4e4540"
/>
<linearGradient
id="d"
x1="-37.419"
x2="-31.981"
y1="638.759"
y2="636.223"
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="M210.75 146.74C222.833 134.656 238.896 128 256 128s33.167 6.656 45.25 18.74c24.958 24.958 24.958 65.563 0 90.521-24.167 24.167-66.333 24.167-90.5 0-24.958-24.959-24.958-65.563 0-90.521z"
fill="url(#d)"
/>
<path
d="M373.333 96A10.66 10.66 0 0 0 384 85.333V74.667C384 68.771 379.229 64 373.333 64s-10.667 4.771-10.667 10.667v10.667A10.662 10.662 0 0 0 373.333 96zM394.646 117.354h.021l10.688-.021c5.896-.01 10.667-4.792 10.646-10.688C415.979 100.76 411.208 96 405.333 96h-.021l-10.688.021c-5.896.01-10.667 4.792-10.646 10.688.022 5.885 4.793 10.645 10.668 10.645zM373.313 117.354h-.021c-5.896.01-10.667 4.792-10.646 10.688l.021 10.646c.021 5.885 4.792 10.646 10.667 10.646h.021c5.896-.01 10.667-4.792 10.646-10.688L383.979 128c-.021-5.885-4.791-10.646-10.666-10.646z"
fill="#303c42"
/>
<linearGradient
id="e"
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(#e)"
/>
</svg>
More icons in the same style and category