Add icons to this collection by clicking the heart icon.
Computer icon - also known as computer, interface, data, storage, tool, disc, transfer, electronics, hardware, harddisk, and harddrive. Created in a clean blue style with a white and silver 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"
>
<g transform="translate(1 1)">
<path
d="M58.733 178.2H203.8a8.533 8.533 0 0 1 8.533 8.533V459.8a8.533 8.533 0 0 1-8.533 8.533H58.733A8.533 8.533 0 0 1 50.2 459.8V186.733a8.534 8.534 0 0 1 8.533-8.533z"
fill="#a4c2f7"
/>
<path
d="M16.067 178.2h145.067a8.533 8.533 0 0 1 8.533 8.533V459.8a8.533 8.533 0 0 1-8.533 8.533H16.067a8.533 8.533 0 0 1-8.533-8.533V186.733a8.533 8.533 0 0 1 8.533-8.533z"
fill="#fff"
/>
<path
d="M41.667 178.2H178.2a8.533 8.533 0 0 1 8.533 8.533V459.8a8.533 8.533 0 0 1-8.533 8.533H41.667a8.533 8.533 0 0 1-8.533-8.533V186.733a8.533 8.533 0 0 1 8.533-8.533z"
fill="#e3e7f2"
/>
<linearGradient
id="a"
x1="-49.615"
x2="-48.668"
y1="651.149"
y2="650.428"
gradientTransform="matrix(136.553 0 0 -179.2042 6820.317 116948.61)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#d4e1f4" />
<stop offset=".172" stop-color="#d4e1f4" />
<stop offset=".2" stop-color="#d4e1f4" />
<stop offset=".2" stop-color="#dae4f4" />
<stop offset=".201" stop-color="#ebebf4" />
<stop offset=".201" stop-color="#f6f1f4" />
<stop offset=".202" stop-color="#fdf4f4" />
<stop offset=".205" stop-color="#fff5f4" />
<stop offset=".252" stop-color="#fff5f4" />
<stop offset=".26" stop-color="#fff5f4" />
<stop offset=".26" stop-color="#d4e1f4" />
<stop offset=".397" stop-color="#d4e1f4" />
<stop offset=".42" stop-color="#d4e1f4" />
<stop offset=".42" stop-color="#dae4f4" />
<stop offset=".421" stop-color="#ebebf4" />
<stop offset=".421" stop-color="#f6f1f4" />
<stop offset=".422" stop-color="#fdf4f4" />
<stop offset=".425" stop-color="#fff5f4" />
<stop offset=".489" stop-color="#fff5f4" />
<stop offset=".5" stop-color="#fff5f4" />
<stop offset=".5" stop-color="#f9f2f4" />
<stop offset=".5" stop-color="#e8ebf4" />
<stop offset=".5" stop-color="#dde5f4" />
<stop offset=".5" stop-color="#d6e2f4" />
<stop offset=".501" stop-color="#d4e1f4" />
<stop offset=".706" stop-color="#d4e1f4" />
<stop offset=".74" stop-color="#d4e1f4" />
<stop offset=".741" stop-color="#fff5f4" />
<stop offset=".835" stop-color="#fff5f4" />
<stop offset=".85" stop-color="#fff5f4" />
<stop offset=".851" stop-color="#d4e1f4" />
</linearGradient>
<path
d="M167.448 308.419a8.524 8.524 0 0 0-1.109 10.667 67.576 67.576 0 0 1 11.093 48.555c-5.357 35.308-37.02 60.521-72.631 57.835s-63.134-32.363-63.134-68.075a67.725 67.725 0 0 1 11.861-38.4 8.415 8.415 0 0 0-1.109-10.581l-8.277-8.277a8.61 8.61 0 0 1-2.475-5.973v-27.136a8.605 8.605 0 0 1 2.475-5.973l12.117-12.117a8.61 8.61 0 0 1 5.973-2.475h95.403a8.605 8.605 0 0 1 5.973 2.475l12.117 12.117a8.61 8.61 0 0 1 2.475 5.973v27.136a8.605 8.605 0 0 1-2.475 5.973l-8.277 8.276z"
fill="url(#a)"
/>
<circle cx="109.933" cy="357.4" r="25.6" fill="#a4c2f7" />
<path
d="M348.867 7.533h145.067a8.533 8.533 0 0 1 8.533 8.533v273.067a8.533 8.533 0 0 1-8.533 8.533H348.867a8.533 8.533 0 0 1-8.533-8.533V16.067a8.533 8.533 0 0 1 8.533-8.534z"
fill="#a4c2f7"
/>
<path
d="M306.2 7.533h145.067a8.533 8.533 0 0 1 8.533 8.533v273.067a8.533 8.533 0 0 1-8.533 8.533H306.2a8.533 8.533 0 0 1-8.533-8.533V16.067a8.533 8.533 0 0 1 8.533-8.534z"
fill="#fff"
/>
<path
d="M331.8 7.533h136.533a8.533 8.533 0 0 1 8.533 8.533v273.067a8.533 8.533 0 0 1-8.533 8.533H331.8a8.533 8.533 0 0 1-8.533-8.533V16.067a8.533 8.533 0 0 1 8.533-8.534z"
fill="#e3e7f2"
/>
<linearGradient
id="b"
x1="-49.615"
x2="-48.668"
y1="651.149"
y2="650.428"
gradientTransform="matrix(136.553 0 0 -179.2042 7110.45 116777.945)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#d4e1f4" />
<stop offset=".172" stop-color="#d4e1f4" />
<stop offset=".2" stop-color="#d4e1f4" />
<stop offset=".2" stop-color="#dae4f4" />
<stop offset=".201" stop-color="#ebebf4" />
<stop offset=".201" stop-color="#f6f1f4" />
<stop offset=".202" stop-color="#fdf4f4" />
<stop offset=".205" stop-color="#fff5f4" />
<stop offset=".252" stop-color="#fff5f4" />
<stop offset=".26" stop-color="#fff5f4" />
<stop offset=".26" stop-color="#d4e1f4" />
<stop offset=".397" stop-color="#d4e1f4" />
<stop offset=".42" stop-color="#d4e1f4" />
<stop offset=".42" stop-color="#dae4f4" />
<stop offset=".421" stop-color="#ebebf4" />
<stop offset=".421" stop-color="#f6f1f4" />
<stop offset=".422" stop-color="#fdf4f4" />
<stop offset=".425" stop-color="#fff5f4" />
<stop offset=".489" stop-color="#fff5f4" />
<stop offset=".5" stop-color="#fff5f4" />
<stop offset=".5" stop-color="#f9f2f4" />
<stop offset=".5" stop-color="#e8ebf4" />
<stop offset=".5" stop-color="#dde5f4" />
<stop offset=".5" stop-color="#d6e2f4" />
<stop offset=".501" stop-color="#d4e1f4" />
<stop offset=".706" stop-color="#d4e1f4" />
<stop offset=".74" stop-color="#d4e1f4" />
<stop offset=".741" stop-color="#fff5f4" />
<stop offset=".835" stop-color="#fff5f4" />
<stop offset=".85" stop-color="#fff5f4" />
<stop offset=".851" stop-color="#d4e1f4" />
</linearGradient>
<path
d="M457.581 137.752a8.524 8.524 0 0 0-1.109 10.667 67.576 67.576 0 0 1 11.093 48.555c-5.357 35.308-37.02 60.521-72.631 57.835S331.8 222.446 331.8 186.734a67.725 67.725 0 0 1 11.861-38.4 8.415 8.415 0 0 0-1.109-10.581l-8.277-8.277a8.61 8.61 0 0 1-2.475-5.973V96.365a8.605 8.605 0 0 1 2.475-5.973l12.117-12.117a8.61 8.61 0 0 1 5.973-2.475h95.403a8.605 8.605 0 0 1 5.973 2.475l12.117 12.117a8.61 8.61 0 0 1 2.475 5.973v27.136a8.605 8.605 0 0 1-2.475 5.973l-8.277 8.278z"
fill="url(#b)"
/>
<circle cx="400.067" cy="186.733" r="25.6" fill="#a4c2f7" />
</g>
<path
d="M204.8 477.867H17.067C7.645 477.857.009 470.222 0 460.8V288.937a8.533 8.533 0 0 1 17.066 0V460.8H204.8V187.733H17.067v32.937c0 4.713-3.821 8.533-8.533 8.533S0 225.384 0 220.671v-32.937c.009-9.422 7.645-17.057 17.067-17.067H204.8c9.422.009 17.057 7.645 17.067 17.067V460.8c-.01 9.422-7.645 17.057-17.067 17.067z"
fill="#428dff"
/>
<path
d="M42.667 221.867a11.642 11.642 0 0 1-1.708-.171 5.554 5.554 0 0 1-1.537-.513 6.522 6.522 0 0 1-1.533-.771 158.81 158.81 0 0 1-1.279-1.021c-.341-.429-.683-.854-1.025-1.279a6.498 6.498 0 0 1-.771-1.538 5.39 5.39 0 0 1-.508-1.538c-.1-.563-.157-1.133-.171-1.704a8.543 8.543 0 0 1 .679-3.246 9.833 9.833 0 0 1 1.796-2.813c.404-.369.831-.711 1.279-1.025a6.58 6.58 0 0 1 1.533-.771 5.421 5.421 0 0 1 1.538-.508 8.188 8.188 0 0 1 4.95.508 9.853 9.853 0 0 1 2.817 1.796 9.913 9.913 0 0 1 1.792 2.813c.438 1.027.67 2.13.683 3.246a11.881 11.881 0 0 1-.171 1.704 5.554 5.554 0 0 1-.513 1.537 6.48 6.48 0 0 1-.771 1.538c-.314.447-.655.874-1.021 1.279a9.92 9.92 0 0 1-2.817 1.792 8.51 8.51 0 0 1-3.242.685zM179.2 221.867a8.528 8.528 0 0 1-3.246-.683 9.913 9.913 0 0 1-2.813-1.792 13.697 13.697 0 0 1-1.025-1.279 6.498 6.498 0 0 1-.771-1.538 5.384 5.384 0 0 1-.508-1.537c-.1-.563-.157-1.132-.171-1.704a8.543 8.543 0 0 1 .679-3.246 7.746 7.746 0 0 1 4.608-4.608 8.18 8.18 0 0 1 4.95-.508 5.415 5.415 0 0 1 1.537.508 6.48 6.48 0 0 1 1.538.771 13.7 13.7 0 0 1 1.28 1.024 9.913 9.913 0 0 1 1.792 2.813c.438 1.027.67 2.13.683 3.246a11.881 11.881 0 0 1-.171 1.704 5.585 5.585 0 0 1-.512 1.537 6.48 6.48 0 0 1-.771 1.538l-1.021 1.279c-.429.341-.854.683-1.279 1.021a6.498 6.498 0 0 1-1.538.771 5.576 5.576 0 0 1-1.537.513 12.01 12.01 0 0 1-1.704.17zM42.667 443.733a8.979 8.979 0 0 1-6.059-2.475 8.005 8.005 0 0 1-1.796-2.817 8.523 8.523 0 0 1-.679-3.242 8.958 8.958 0 0 1 2.475-6.059 8.771 8.771 0 0 1 2.813-1.796 8.57 8.57 0 0 1 6.487 0 8.005 8.005 0 0 1 2.817 1.796 8.981 8.981 0 0 1 2.475 6.059 8.546 8.546 0 0 1-.683 3.242 8.064 8.064 0 0 1-1.792 2.817 8.988 8.988 0 0 1-6.058 2.475zM179.2 443.733a8.979 8.979 0 0 1-6.059-2.475 8.005 8.005 0 0 1-1.796-2.817 8.523 8.523 0 0 1-.679-3.242 8.958 8.958 0 0 1 2.475-6.059 8.71 8.71 0 0 1 9.3-1.796 8.005 8.005 0 0 1 2.817 1.796 8.981 8.981 0 0 1 2.475 6.059 8.546 8.546 0 0 1-.683 3.242 8.064 8.064 0 0 1-1.792 2.817 8.986 8.986 0 0 1-6.058 2.475zM111.117 435.188a76.751 76.751 0 0 1-76.983-76.787 76.147 76.147 0 0 1 13.338-43.187l-8.338-8.013a16.95 16.95 0 0 1-5-12.067v-27.067a16.95 16.95 0 0 1 5-12.067L51.2 243.933a16.95 16.95 0 0 1 12.067-5H158.6a16.95 16.95 0 0 1 12.067 5L182.733 256a16.95 16.95 0 0 1 5 12.067v27.067a16.95 16.95 0 0 1-5 12.067l-8.233 8.233a76.475 76.475 0 0 1 12.396 54.442c-5.553 37.558-37.812 65.361-75.779 65.312zM63.267 256 51.2 268.067v27.067l8.233 8.233a16.906 16.906 0 0 1 2.121 21.488A59.135 59.135 0 0 0 51.2 358.4c-.033 25.665 16.33 48.483 40.649 56.684 24.319 8.201 51.159-.048 66.675-20.492 15.516-20.444 16.239-48.513 1.797-69.729a16.917 16.917 0 0 1 2.113-21.495l8.233-8.234 6.033 6.033-6.033-6.033v-27.067L158.6 256H63.267z"
fill="#428dff"
/>
<path
d="M110.933 392.533c-18.851 0-34.133-15.282-34.133-34.133 0-18.851 15.282-34.133 34.133-34.133s34.133 15.282 34.133 34.133c-.021 18.842-15.29 34.112-34.133 34.133zm0-51.2c-9.426 0-17.067 7.641-17.067 17.067s7.641 17.067 17.067 17.067S128 367.826 128 358.4c-.009-9.422-7.645-17.057-17.067-17.067zM145.067 221.867H76.8a8.533 8.533 0 0 1 0-17.066h68.267a8.533 8.533 0 0 1 0 17.066zM494.933 307.2H307.2c-9.422-.009-17.057-7.645-17.067-17.067V17.067C290.143 7.645 297.778.009 307.2 0h187.733C504.355.009 511.99 7.645 512 17.067v273.067c-.009 9.421-7.645 17.057-17.067 17.066zM307.2 17.067v273.067h187.746l-.012-273.067H307.2z"
fill="#428dff"
/>
<path
d="M332.8 51.2a8.451 8.451 0 0 1-8.533-8.533 8.534 8.534 0 1 1 14.592 6.059A8.992 8.992 0 0 1 332.8 51.2zM469.333 51.2a8.451 8.451 0 0 1-8.533-8.533 8.534 8.534 0 1 1 14.592 6.059 8.992 8.992 0 0 1-6.059 2.474zM332.8 273.067a8.528 8.528 0 0 1-3.246-.683 9.913 9.913 0 0 1-2.813-1.792 8.834 8.834 0 0 1-1.796-2.817 8.522 8.522 0 0 1-.679-3.241 8.805 8.805 0 0 1 2.475-6.059 9.841 9.841 0 0 1 2.813-1.796 8.18 8.18 0 0 1 4.95-.508 5.415 5.415 0 0 1 1.537.508 6.48 6.48 0 0 1 1.538.771c.425.341.85.683 1.279 1.025a8.977 8.977 0 0 1 2.475 6.059 8.546 8.546 0 0 1-.683 3.242 9.933 9.933 0 0 1-1.792 2.817c-.429.341-.854.683-1.279 1.021a6.498 6.498 0 0 1-1.538.771 5.576 5.576 0 0 1-1.537.513c-.563.096-1.133.153-1.704.169zM469.333 273.067a11.642 11.642 0 0 1-1.708-.171 5.585 5.585 0 0 1-1.537-.512 6.522 6.522 0 0 1-1.533-.771c-.429-.337-.854-.679-1.279-1.021a9.875 9.875 0 0 1-1.796-2.817 8.523 8.523 0 0 1-.679-3.242 8.958 8.958 0 0 1 2.475-6.059c.425-.341.85-.683 1.279-1.025a6.58 6.58 0 0 1 1.533-.771 5.421 5.421 0 0 1 1.538-.508 8.478 8.478 0 0 1 10.242 8.363 8.546 8.546 0 0 1-.683 3.242 8.89 8.89 0 0 1-1.792 2.817 8.997 8.997 0 0 1-6.06 2.475zM401.25 264.521a76.751 76.751 0 0 1-76.983-76.787 76.147 76.147 0 0 1 13.338-43.187l-8.337-8.013a16.951 16.951 0 0 1-5.001-12.067V97.4a16.95 16.95 0 0 1 5-12.067l12.067-12.067a16.95 16.95 0 0 1 12.067-5h95.333a16.95 16.95 0 0 1 12.067 5l12.067 12.067a16.95 16.95 0 0 1 5 12.067v27.067a16.95 16.95 0 0 1-5 12.067l-8.233 8.233a76.475 76.475 0 0 1 12.396 54.442c-5.555 37.558-37.814 65.361-75.781 65.312zM353.4 85.333 341.333 97.4v27.067l8.233 8.233a16.906 16.906 0 0 1 2.121 21.488 59.133 59.133 0 0 0-10.354 33.546 59.831 59.831 0 0 0 19.9 44.525 59.224 59.224 0 0 0 46.708 14.825 59.678 59.678 0 0 0 42.513-92.888 16.918 16.918 0 0 1 2.112-21.495l8.233-8.234 6.033 6.033-6.033-6.033V97.4l-12.067-12.067H353.4z"
fill="#428dff"
/>
<path
d="M401.067 221.867c-18.851 0-34.133-15.282-34.133-34.133s15.282-34.133 34.133-34.133c18.851 0 34.133 15.282 34.133 34.133-.022 18.842-15.291 34.111-34.133 34.133zm0-51.2c-9.426 0-17.067 7.641-17.067 17.067s7.641 17.067 17.067 17.067 17.067-7.641 17.067-17.067c-.01-9.422-7.646-17.058-17.067-17.067zM435.2 51.2h-68.267a8.533 8.533 0 0 1 0-17.066H435.2a8.533 8.533 0 0 1 0 17.066zM384 512H128c-14.132-.015-25.585-11.468-25.6-25.6v-17.067a8.533 8.533 0 0 1 17.066 0V486.4a8.544 8.544 0 0 0 8.533 8.533h256a8.544 8.544 0 0 0 8.533-8.533V332.8a8.532 8.532 0 0 1 14.567-6.033l25.6 25.6a8.533 8.533 0 0 1-12.066 12.066L409.6 353.4v133c-.015 14.132-11.468 25.585-25.6 25.6z"
fill="#428dff"
/>
<path
d="M375.467 366.933a8.533 8.533 0 0 1-6.033-14.566l25.6-25.6a8.533 8.533 0 0 1 12.066 12.066l-25.6 25.6a8.504 8.504 0 0 1-6.033 2.5z"
fill="#428dff"
/>
<circle cx="8.533" cy="254.805" r="8.533" fill="#428dff" />
</svg>
More icons in the same style and category