Add icons to this collection by clicking the heart icon.
Computer icon - also known as computer, connection, network, intelligence, electronics, coding, and ai. Created in a clean flat style with a white, silver, black, teal, and pink 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="M0 0h-124.301l10.801 33.999 12.71 39.988h77.28z"
transform="matrix(1.33333 0 0 -1.33333 424.32 662.694)"
fill="#c8d9e2"
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-124.301l10.801 33.999h52.92c13.7 0 23.57 13.139 19.74 26.298l-3.98 13.69h21.31z"
transform="translate(318.24 14.98)"
fill="#a1adb4"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a7.5 7.5 0 0 1-7.5-7.5v-45.475a7.5 7.5 0 0 1 15 0V-7.5C7.5-3.357 4.143 0 0 0"
transform="translate(164.121 481.563)"
fill="#3a4b56"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a7.5 7.5 0 0 1-7.5-7.5v-45.475a7.5 7.5 0 0 1 15 0V-7.5C7.5-3.357 4.143 0 0 0"
transform="translate(347.62 481.563)"
fill="#3a4b56"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a7.5 7.5 0 0 1-7.5-7.5v-51.496a7.5 7.5 0 0 1 15 0V-7.5C7.5-3.357 4.143 0 0 0"
transform="translate(72.121 96.463)"
fill="#3a4b56"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a7.5 7.5 0 0 1-7.5-7.5v-51.496a7.5 7.5 0 0 1 15 0V-7.5C7.5-3.357 4.143 0 0 0"
transform="translate(440.059 96.463)"
fill="#3a4b56"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-12.406 0-22.5-10.077-22.5-22.463 0-12.387 10.094-22.463 22.5-22.463 12.407 0 22.5 10.076 22.5 22.463C22.5-10.077 12.407 0 0 0"
transform="translate(164.121 511.49)"
fill="#f76ba0"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-12.406 0-22.5-10.077-22.5-22.463 0-12.387 10.094-22.463 22.5-22.463 12.407 0 22.5 10.076 22.5 22.463C22.5-10.077 12.407 0 0 0"
transform="translate(347.62 511.49)"
fill="#f76ba0"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-12.406 0-22.5-10.077-22.5-22.463 0-12.386 10.094-22.464 22.5-22.464 12.407 0 22.5 10.078 22.5 22.464S12.407 0 0 0"
transform="translate(440.059 44.967)"
fill="#f76ba0"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-12.406 0-22.5-10.077-22.5-22.463 0-12.386 10.094-22.464 22.5-22.464 12.407 0 22.5 10.078 22.5 22.464S12.407 0 0 0"
transform="translate(72.121 44.967)"
fill="#f76ba0"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-281.63l-21.53-2.52L-256-311.62l-256 29.99V0c0 11.86 9.66 21.51 21.53 21.51h468.94C-9.66 21.51 0 11.86 0 0"
transform="translate(512.09 414.57)"
fill="#c8d9e2"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-281.63l-21.53-2.52L-256-311.62l-256 29.99v24.88h470.34c11.12 0 20.13 9.01 20.13 20.13V-1.67c0 12.8-10.38 23.18-23.18 23.18h23.18C-9.66 21.51 0 11.86 0 0"
transform="translate(512.09 414.57)"
fill="#a1adb4"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-29.969c0-11.859-9.66-21.509-21.53-21.509h-468.94c-11.87 0-21.53 9.65-21.53 21.509V0Z"
transform="translate(512.09 132.944)"
fill="#3a4b56"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-29.969c0-11.859-9.66-21.509-21.53-21.509h-468.94c-11.87 0-21.53 9.65-21.53 21.509v4.23h469.55c11.55 0 20.92 9.37 20.92 20.919V0z"
transform="translate(512.09 132.944)"
fill="#22323a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-8.27-6.71-14.979-14.979-14.979H-175.02a14.92 14.92 0 0 0-10.589 4.389A14.94 14.94 0 0 0-190 0c0 8.28 6.71 14.989 14.98 14.989h160.041c4.139 0 7.879-1.679 10.589-4.389A14.95 14.95 0 0 0 0 0"
transform="translate(351.09 14.98)"
fill="#3a4b56"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-8.27-6.71-14.979-14.979-14.979H-175.02a14.92 14.92 0 0 0-10.589 4.389A14.94 14.94 0 0 0-190 0h160.03c8.281 0 14.991 6.709 14.991 14.989 4.139 0 7.879-1.679 10.589-4.389A14.95 14.95 0 0 0 0 0"
transform="translate(351.09 14.98)"
fill="#22323a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a7.5 7.5 0 0 1-11.485-9.648L5.281-29.605v-77.509a7.5 7.5 0 0 1 15 0v80.241a7.499 7.499 0 0 1-1.757 4.824z"
transform="translate(59.34 508.814)"
fill="#3a4b56"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a7.5 7.5 0 0 1-10.566-.918l-18.525-22.049a7.502 7.502 0 0 1-1.758-4.825v-80.24a7.5 7.5 0 0 1 15 0v77.509L.919-10.566A7.5 7.5 0 0 1 0 0"
transform="translate(463.407 510.243)"
fill="#3a4b56"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a7.5 7.5 0 0 1-7.5-7.5v-101.779a7.5 7.5 0 0 1 15 0V-7.5A7.5 7.5 0 0 1 0 0"
transform="translate(256.09 511.49)"
fill="#3a4b56"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-12.406 0-22.5-10.077-22.5-22.463 0-12.386 10.094-22.463 22.5-22.463 12.407 0 22.5 10.077 22.5 22.463C22.5-10.077 12.407 0 0 0"
transform="translate(72.121 409.2)"
fill="#3eafa9"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-12.406 0-22.5-10.077-22.5-22.463 0-12.386 10.094-22.463 22.5-22.463 12.407 0 22.5 10.077 22.5 22.463C22.5-10.077 12.407 0 0 0"
transform="translate(256.09 409.71)"
fill="#3eafa9"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-12.406 0-22.5-10.077-22.5-22.463 0-12.386 10.094-22.463 22.5-22.463 12.407 0 22.5 10.077 22.5 22.463C22.5-10.077 12.407 0 0 0"
transform="translate(440.059 409.71)"
fill="#3eafa9"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a7.483 7.483 0 0 1 5.305-2.197c1.918 0 3.838.733 5.302 2.197a7.497 7.497 0 0 1 0 10.606l-7.904 7.905 7.904 7.905a7.497 7.497 0 0 1 0 10.606 7.497 7.497 0 0 1-10.605 0l-13.209-13.208a7.501 7.501 0 0 1 0-10.606z"
transform="translate(66.697 306.472)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a7.481 7.481 0 0 1 5.303-2.197c1.92 0 3.84.733 5.304 2.197l13.207 13.208a7.498 7.498 0 0 1 0 10.606L10.605 37.022a7.497 7.497 0 0 1-10.605 0 7.497 7.497 0 0 1 0-10.606l7.904-7.905L0 10.606A7.497 7.497 0 0 1 0 0"
transform="translate(136.49 306.472)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a7.483 7.483 0 0 1 2.654-.488A7.503 7.503 0 0 1 9.67 4.359l10 26.415a7.501 7.501 0 0 1-14.029 5.311l-10-26.416A7.501 7.501 0 0 1 0 0"
transform="translate(99.346 304.76)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h108.326a7.5 7.5 0 0 1 7.5 7.5 7.5 7.5 0 0 1-7.5 7.5H0a7.5 7.5 0 0 1-7.5-7.5A7.5 7.5 0 0 1 0 0"
transform="translate(348.404 266.308)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h172.131a7.5 7.5 0 0 1 0 15H0a7.5 7.5 0 0 1-7.5-7.5A7.5 7.5 0 0 1 0 0"
transform="translate(141.398 266.308)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h51.732a7.5 7.5 0 0 1 7.5 7.5 7.5 7.5 0 0 1-7.5 7.5H0a7.5 7.5 0 0 1-7.5-7.5A7.5 7.5 0 0 1 0 0"
transform="translate(55.27 266.308)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-259.152a7.5 7.5 0 0 1-7.5-7.5 7.5 7.5 0 0 1 7.5-7.5H0a7.5 7.5 0 0 1 7.5 7.5A7.5 7.5 0 0 1 0 0"
transform="translate(456.73 236.308)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h107.492a7.5 7.5 0 0 1 7.5 7.5 7.5 7.5 0 0 1-7.5 7.5H0a7.5 7.5 0 0 1-7.5-7.5A7.5 7.5 0 0 1 0 0"
transform="translate(55.27 221.308)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-38.967a7.5 7.5 0 0 1 0-15H0a7.5 7.5 0 0 1 7.5 7.5A7.5 7.5 0 0 1 0 0"
transform="translate(297.266 191.308)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-168.4a7.5 7.5 0 0 1-7.5-7.5 7.5 7.5 0 0 1 7.5-7.5H0a7.5 7.5 0 0 1 7.5 7.5A7.5 7.5 0 0 1 0 0"
transform="translate(223.67 191.308)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
</svg>
More icons in the same style and category