Add icons to this collection by clicking the heart icon.
Computer icon - also known as computer, interface, data, storage, tool, disc, transfer, disk, 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="M246.467 135.533c.026 70.682 57.318 127.974 128 128 2.219 0 4.437-.085 6.571-.171-60.672-3.669-108.971-59.477-108.971-127.829s48.298-124.16 108.97-127.829c-2.133-.085-4.352-.171-6.571-.171-70.681.026-127.974 57.318-127.999 128z"
fill="#fff"
/>
<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="M374.467 7.533c-2.219 0-4.437.085-6.571.171 1.963.085 3.925.256 5.803.512 1.963-.171 3.925-.427 5.973-.512-1.707-.171-3.499-.171-5.205-.171zm-.768 255.318c-1.877.256-3.84.427-5.803.512 2.133.085 4.352.171 6.571.171 1.707 0 3.499 0 5.205-.171-2.048-.086-4.011-.342-5.973-.512z"
fill="#a4c2f7"
/>
<path
d="M247.064 148.419c5.803 64.597 54.955 115.115 114.603 115.115 1.963 0 3.925-.085 5.888-.171-62.951-3.505-114.026-52.229-120.491-114.944zM367.555 7.704c-1.963-.085-3.925-.171-5.888-.171-59.648 0-108.8 50.517-114.603 115.115 6.465-62.716 57.54-111.439 120.491-114.944z"
fill="#e3e7f2"
/>
<linearGradient
id="b"
x1="-49.796"
x2="-48.849"
y1="651.335"
y2="650.614"
gradientTransform="matrix(230.398 0 0 -255.6591 11742.965 166558.438)"
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="M380.013 7.704h-.341c-2.048.085-4.011.341-5.973.512-53.333 6.485-95.659 54.357-101.12 114.432-.171 2.133-.256 4.181-.341 6.315-.085 2.133-.171 4.352-.171 6.571s.085 4.437.171 6.571c.085 2.133.171 4.182.341 6.315 5.461 60.075 47.787 107.947 101.12 114.432 1.963.171 3.925.427 5.973.512h.341c68.463-2.944 122.451-59.304 122.451-127.829S448.476 10.648 380.013 7.704zm-5.546 179.029a51.2 51.2 0 1 1 51.2-51.2c-.023 28.268-22.933 51.178-51.2 51.2z"
fill="url(#b)"
/>
<path
d="M374.467 84.333a51.2 51.2 0 1 0 51.2 51.2c-.023-28.267-22.933-51.177-51.2-51.2zm5.973 67.158a17.055 17.055 0 1 1-5.974-33.024c2.069.014 4.119.389 6.059 1.109a17.047 17.047 0 0 1-.085 31.915z"
fill="#a4c2f7"
/>
</g>
<path
d="M42.667 221.867a8.979 8.979 0 0 1-6.059-2.475c-.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.813 8.845 8.845 0 0 1 7.763-2.304 5.415 5.415 0 0 1 1.537.508 6.48 6.48 0 0 1 1.538.771c.447.316.874.658 1.28 1.025a9.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-.337.425-.679.85-1.021 1.279-.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.098-1.133.155-1.704.171zM179.2 221.867a8.528 8.528 0 0 1-3.246-.683 9.913 9.913 0 0 1-2.813-1.792 8.803 8.803 0 0 1-2.475-6.058 8.543 8.543 0 0 1 .679-3.246 8.771 8.771 0 0 1 1.796-2.813 9.841 9.841 0 0 1 2.813-1.796 7.829 7.829 0 0 1 6.487 0 7.716 7.716 0 0 1 4.608 4.608 7.167 7.167 0 0 1 .684 3.247 8.988 8.988 0 0 1-2.475 6.059 9.92 9.92 0 0 1-2.817 1.792 8.555 8.555 0 0 1-3.241.682zM42.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.534 8.534 0 0 1 14.592-6.059 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 9.841 9.841 0 0 1 2.813-1.796 8.694 8.694 0 0 1 9.305 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.99 8.99 0 0 1-6.059 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.066zM358.4 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.533h230.4a8.544 8.544 0 0 0 8.533-8.533V298.667a8.532 8.532 0 0 1 14.567-6.033l25.6 25.6a8.533 8.533 0 0 1-12.066 12.066L384 319.267V486.4c-.015 14.132-11.468 25.585-25.6 25.6z"
fill="#428dff"
/>
<path
d="M349.867 332.8a8.533 8.533 0 0 1-6.033-14.566l25.6-25.6A8.533 8.533 0 0 1 381.5 304.7l-25.6 25.6a8.504 8.504 0 0 1-6.033 2.5zM375.467 273.067c-75.405 0-136.533-61.128-136.533-136.533S300.061 0 375.467 0 512 61.128 512 136.533c-.086 75.37-61.164 136.447-136.533 136.534zm0-256C309.487 17.067 256 70.554 256 136.533S309.487 256 375.467 256s119.467-53.487 119.467-119.467c-.075-65.949-53.518-119.392-119.467-119.466z"
fill="#428dff"
/>
<path
d="M375.467 196.267c-32.99 0-59.733-26.744-59.733-59.733S342.477 76.8 375.467 76.8s59.733 26.744 59.733 59.733c-.037 32.975-26.759 59.697-59.733 59.734zm0-102.4c-23.564 0-42.667 19.103-42.667 42.667s19.103 42.667 42.667 42.667 42.667-19.103 42.667-42.667c-.028-23.553-19.115-42.64-42.667-42.667z"
fill="#428dff"
/>
<path
d="M375.467 162.133c-14.138 0-25.6-11.462-25.6-25.6s11.462-25.6 25.6-25.6c14.138 0 25.6 11.462 25.6 25.6-.016 14.132-11.468 25.585-25.6 25.6zm0-34.133a8.533 8.533 0 1 0 8.533 8.533 8.544 8.544 0 0 0-8.533-8.533zM204.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"
/>
<circle cx="8.533" cy="254.805" r="8.533" fill="#428dff" />
</svg>
More icons in the same style and category