Add icons to this collection by clicking the heart icon.
Computer icon - also known as computer, interface, screen, monitor, web, website, multimedia, browser, ui, and web page. Created in a clean lineal color style with a white, silver, gray, black, red, teal, and orange 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="682.665"
height="682.667"
viewBox="0 0 682.665 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<path
d="M240.005 34.286h32.649v72h-32.649z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#3e4b5a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M240.005 34.286h20v72h-20z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#22303a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0h-404.231c-20.083 0-36.421 16.338-36.421 36.421V368.29c0 20.082 16.338 36.421 36.421 36.421H0c20.082 0 36.42-16.339 36.42-36.421V36.421C36.42 16.338 20.082 0 0 0"
transform="translate(458.446 99.773)"
fill="#576574"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v331.87c0 20.082 16.338 36.421 36.421 36.421h-20C-3.662 368.291-20 351.952-20 331.87V0c0-20.082 16.338-36.42 36.421-36.42h20C16.338-36.42 0-20.082 0 0"
transform="translate(37.793 136.193)"
fill="#3e4b5a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-129.253c-6.875 0-12.447-5.572-12.447-12.446v-7.757c0-6.874 5.572-12.446 12.447-12.446H0c6.875 0 12.447 5.572 12.447 12.446v7.757C12.447-5.572 6.875 0 0 0"
transform="translate(320.957 40.165)"
fill="#576574"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-129.253c-4.647 0-8.692 2.551-10.83 6.325A12.374 12.374 0 0 1-141.7.203v-7.757c0-6.874 5.572-12.446 12.447-12.446H0c6.875 0 12.447 5.572 12.447 12.446V.203c0 2.228-.593 4.313-1.617 6.122C8.692 2.551 4.647 0 0 0"
transform="translate(320.957 27.516)"
fill="#3e4b5a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-2.207 0-4.071-1.864-4.071-4.07v-331.869c0-2.207 1.864-4.071 4.071-4.071h404.231c2.206 0 4.07 1.864 4.07 4.071V-4.07c0 2.206-1.864 4.07-4.07 4.07z"
transform="translate(54.215 472.134)"
fill="#e4eaf8"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v331.87c0 2.206 1.864 4.07 4.071 4.07h-20c-2.207 0-4.071-1.864-4.071-4.07V0c0-2.206 1.864-4.069 4.071-4.069h20C1.864-4.069 0-2.206 0 0"
transform="translate(70.144 136.193)"
fill="#ccd2db"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-404.231c-2.207 0-4.071-1.864-4.071-4.07v-32.591H4.07V-4.07C4.07-1.864 2.206 0 0 0"
transform="translate(458.446 472.134)"
fill="#54a0ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-40.92c-2.207 0-4.072-1.864-4.072-4.07v-32.591H0Z"
transform="translate(95.135 472.134)"
fill="#ff6b6b"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-2.207 0-4.071-1.864-4.071-4.07v-32.591h20V-4.07C15.929-1.864 17.792 0 20 0Z"
transform="translate(54.215 472.134)"
fill="#ee5253"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-79.139a7.909 7.909 0 0 1-7.909-7.909v-92.736a7.909 7.909 0 0 1 7.909-7.909H0a7.91 7.91 0 0 1 7.91 7.909v92.736A7.91 7.91 0 0 1 0 0"
transform="translate(170.313 397.592)"
fill="#ff6b6b"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-79.139a7.909 7.909 0 0 1-7.909-7.909v-92.736a7.909 7.909 0 0 1 7.909-7.909H0a7.91 7.91 0 0 1 7.91 7.909v92.736A7.91 7.91 0 0 1 0 0"
transform="translate(295.899 397.592)"
fill="#feca57"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-79.139a7.909 7.909 0 0 1-7.909-7.909v-92.736a7.909 7.909 0 0 1 7.909-7.909H0a7.91 7.91 0 0 1 7.91 7.909v92.736A7.91 7.91 0 0 1 0 0"
transform="translate(421.485 397.592)"
fill="#1dd1a1"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v92.735a7.91 7.91 0 0 0 7.91 7.91h-20a7.91 7.91 0 0 1-7.91-7.91V0a7.91 7.91 0 0 1 7.91-7.909h20A7.91 7.91 0 0 0 0 0"
transform="translate(103.265 296.947)"
fill="#ee5253"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v92.735a7.91 7.91 0 0 0 7.91 7.91h-20a7.91 7.91 0 0 1-7.91-7.91V0a7.91 7.91 0 0 1 7.91-7.909h20A7.91 7.91 0 0 0 0 0"
transform="translate(228.85 296.947)"
fill="#f4b537"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v92.735a7.91 7.91 0 0 0 7.909 7.91h-20A7.91 7.91 0 0 1-20 92.735V0a7.909 7.909 0 0 1 7.909-7.909h20A7.909 7.909 0 0 0 0 0"
transform="translate(354.437 296.947)"
fill="#15ba8b"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M239.675 40.165h32.65v59.608h-32.65z"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c-2.207 0-4.071-1.864-4.071-4.07v-331.869c0-2.207 1.864-4.071 4.071-4.071h404.231c2.206 0 4.07 1.864 4.07 4.071V-4.07c0 2.206-1.864 4.07-4.07 4.07z"
transform="translate(53.885 472.134)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-404.231c-2.207 0-4.071-1.864-4.071-4.07v-32.591H4.07V-4.07C4.07-1.864 2.206 0 0 0Z"
transform="translate(458.116 472.134)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-40.92c-2.207 0-4.072-1.864-4.072-4.07v-32.591H0Z"
transform="translate(94.805 472.134)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-79.139a7.909 7.909 0 0 1-7.909-7.909v-92.736a7.909 7.909 0 0 1 7.909-7.909H0a7.91 7.91 0 0 1 7.91 7.909v92.736A7.91 7.91 0 0 1 0 0Z"
transform="translate(169.983 397.592)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-79.139a7.909 7.909 0 0 1-7.909-7.909v-92.736a7.909 7.909 0 0 1 7.909-7.909H0a7.91 7.91 0 0 1 7.91 7.909v92.736A7.91 7.91 0 0 1 0 0Z"
transform="translate(295.57 397.592)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-79.14a7.909 7.909 0 0 1-7.909-7.909v-92.736a7.909 7.909 0 0 1 7.909-7.909H0a7.909 7.909 0 0 1 7.909 7.909v92.736A7.909 7.909 0 0 1 0 0Z"
transform="translate(421.155 397.592)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h94.958"
transform="translate(82.935 256.328)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h94.958"
transform="translate(82.935 227.692)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h94.958"
transform="translate(82.935 199.056)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h94.958"
transform="translate(82.935 170.42)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h94.958"
transform="translate(208.521 256.328)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h94.958"
transform="translate(208.521 227.692)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h94.958"
transform="translate(208.521 199.056)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h94.958"
transform="translate(208.521 170.42)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h94.958"
transform="translate(334.106 256.328)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h94.958"
transform="translate(334.106 227.692)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h94.958"
transform="translate(334.106 199.056)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h94.958"
transform="translate(334.106 170.42)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h47.126c6.875 0 12.447 5.572 12.447 12.446v7.757c0 6.874-5.572 12.446-12.447 12.446H-82.127c-6.874 0-12.447-5.572-12.447-12.446v-7.757C-94.574 5.572-89.001 0-82.127 0H-35"
transform="translate(273.5 7.516)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v158.203c0 20.082-16.338 36.421-36.42 36.421h-404.231c-20.083 0-36.422-16.339-36.422-36.421v-331.869c0-20.083 16.339-36.421 36.422-36.421H-36.42c20.082 0 36.42 16.338 36.42 36.421V-35"
transform="translate(494.536 309.86)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category