Add icons to this collection by clicking the heart icon.
Computer icon - also known as technology, computer, interface, screen, music, monitor, video, browser, ui, video player, and music and multimedia. 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.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<path
d="M240.005 34.286h32.65v72h-32.65z"
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.42v331.871c0 20.082 16.338 36.42 36.421 36.42H0c20.082 0 36.42-16.338 36.42-36.42V36.42C36.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.194)"
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.377 12.377 0 0 1-141.7.203v-7.756c0-6.874 5.572-12.447 12.447-12.447H0c6.875 0 12.447 5.573 12.447 12.447V.203c0 2.227-.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.87c0-2.206 1.864-4.07 4.071-4.07h404.231c2.206 0 4.07 1.864 4.07 4.07V-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.07 4.071-4.07h20C1.864-4.07 0-2.206 0 0"
transform="translate(70.144 136.194)"
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.592h20V-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-84.448c-2.161 0-3.912-1.582-3.912-3.532v-23.781H3.911v23.781C3.911-1.582 2.16 0 0 0"
transform="translate(215.3 402.197)"
fill="#feca57"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-9.973-8.085-18.058-18.059-18.058-9.973 0-18.058 8.085-18.058 18.058 0 9.974 8.085 18.059 18.058 18.059C-8.085 18.059 0 9.974 0 0"
transform="translate(126.94 281.432)"
fill="#feca57"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-9.973-8.085-18.058-18.059-18.058-9.973 0-18.058 8.085-18.058 18.058 0 9.974 8.085 18.059 18.058 18.059C-8.085 18.059 0 9.974 0 0"
transform="translate(219.21 281.432)"
fill="#feca57"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-20c-2.16 0-3.911-1.582-3.911-3.532v-23.781h20v23.781C-3.911-1.582-2.16 0 0 0"
transform="translate(150.85 402.197)"
fill="#f4b537"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 6.274 3.202 11.796 8.058 15.033a17.964 17.964 0 0 1-10 3.026C-11.915 18.059-20 9.974-20 0c0-9.973 8.085-18.058 18.058-18.058 3.7 0 7.137 1.117 10 3.025C3.202-11.796 0-6.273 0 0"
transform="translate(110.823 281.432)"
fill="#f4b537"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 6.274 3.202 11.796 8.058 15.033a17.966 17.966 0 0 1-10 3.026C-11.915 18.059-20 9.974-20 0c0-9.973 8.085-18.058 18.058-18.058 3.7 0 7.136 1.117 10 3.025C3.202-11.796 0-6.273 0 0"
transform="translate(203.094 281.432)"
fill="#f4b537"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M239.675 40.165h32.649v59.608h-32.649z"
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.208 0-4.071-1.864-4.071-4.07v-331.87c0-2.206 1.863-4.07 4.071-4.07h404.231c2.206 0 4.07 1.864 4.07 4.07V-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.208 0-4.072-1.864-4.072-4.07v-32.591H0Z"
transform="translate(94.806 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 0c0-9.973-8.085-18.058-18.058-18.058-9.974 0-18.059 8.085-18.059 18.058 0 9.974 8.085 18.059 18.059 18.059C-8.085 18.059 0 9.974 0 0Z"
transform="translate(126.61 281.432)"
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 0c0-9.973-8.085-18.058-18.058-18.058-9.974 0-18.059 8.085-18.059 18.058 0 9.974 8.085 18.059 18.059 18.059C-8.085 18.059 0 9.974 0 0Z"
transform="translate(218.88 281.432)"
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 0v116.854a3.911 3.911 0 0 1-3.912 3.911H-88.36a3.911 3.911 0 0 1-3.911-3.911V0"
transform="translate(218.88 281.432)"
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-84.448c-2.16 0-3.912-1.582-3.912-3.532v-23.781H3.912v23.781C3.912-1.582 2.161 0 0 0Z"
transform="translate(214.97 402.197)"
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 0h169.486"
transform="translate(256 301.377)"
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 0h169.486"
transform="translate(256 333.546)"
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 0h169.486"
transform="translate(256 365.715)"
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 0h169.486"
transform="translate(256 397.883)"
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 0h330.681"
transform="translate(94.806 172.704)"
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 0h330.681"
transform="translate(94.806 204.872)"
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 0h330.681"
transform="translate(94.806 237.04)"
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 0h169.486"
transform="translate(256 269.209)"
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.448 5.573 12.448 12.447v7.756c0 6.874-5.573 12.446-12.448 12.446H-82.126c-6.875 0-12.447-5.572-12.447-12.446v-7.756C-94.573 5.573-89.001 0-82.126 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 0v159.781c0 20.082-16.338 36.421-36.421 36.421h-404.23c-20.084 0-36.422-16.339-36.422-36.421v-331.87c0-20.082 16.338-36.42 36.422-36.42h404.23c20.083 0 36.421 16.338 36.421 36.42V-35"
transform="translate(494.537 308.283)"
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