Add icons to this collection by clicking the heart icon.
Computer icon - also known as computer, interface, badge, internet, security, browser, ui, and computing. Created in a clean lineal color style with a white, gray, teal, 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 74.667 181.333 99.01v47.917c0 8.44.137 16.109.503 23.188H256V74.667z"
fill="#0288d1"
/>
<path
d="M330.164 170.115c.366-7.078.503-14.747.503-23.188V99.01L256 74.667v95.448h74.164zM181.836 170.115c2.448 47.444 15.663 67.001 74.164 94.875v-94.875h-74.164z"
fill="#01579b"
/>
<path
d="M256 170.115v94.875c58.501-27.874 71.716-47.431 74.164-94.875H256z"
fill="#0288d1"
/>
<path
d="m334.063 89.594-74.667-25.042a10.82 10.82 0 0 0-6.792 0l-74.667 25.042a10.669 10.669 0 0 0-7.271 10.115v50.083c0 66.969 11.135 93.156 80.729 126.49a10.629 10.629 0 0 0 4.604 1.052c1.573 0 3.156-.354 4.604-1.052 69.594-33.333 80.729-59.521 80.729-126.49V99.708a10.667 10.667 0 0 0-7.269-10.114zM320 149.792c0 57.823-6.396 76.656-64 105.021-57.604-28.365-64-47.198-64-105.021v-42.406l64-21.469 64 21.469v42.406z"
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