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 13)">
<path
d="M58.733 97.933H203.8a8.533 8.533 0 0 1 8.533 8.533v273.067a8.533 8.533 0 0 1-8.533 8.533H58.733a8.533 8.533 0 0 1-8.533-8.533V106.467a8.534 8.534 0 0 1 8.533-8.534z"
fill="#a4c2f7"
/>
<path
d="M16.067 97.933h145.067a8.533 8.533 0 0 1 8.533 8.533v273.067a8.533 8.533 0 0 1-8.533 8.533H16.067a8.533 8.533 0 0 1-8.533-8.533V106.467a8.533 8.533 0 0 1 8.533-8.534z"
fill="#fff"
/>
<path
d="M41.667 97.933H178.2a8.533 8.533 0 0 1 8.533 8.533v273.067a8.533 8.533 0 0 1-8.533 8.533H41.667a8.533 8.533 0 0 1-8.533-8.533V106.467a8.533 8.533 0 0 1 8.533-8.534z"
fill="#e3e7f2"
/>
<linearGradient
id="a"
x1="-49.615"
x2="-48.668"
y1="639.149"
y2="638.428"
gradientTransform="matrix(136.553 0 0 -179.2042 6820.317 114717.89)"
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 228.152a8.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="277.133" r="25.6" fill="#a4c2f7" />
<path
d="M348.867 200.333h145.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.533V208.867a8.533 8.533 0 0 1 8.533-8.534z"
fill="#a4c2f7"
/>
<path
d="M306.2 200.333h145.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.533V208.867a8.533 8.533 0 0 1 8.533-8.534z"
fill="#fff"
/>
<path
d="M331.8 200.333h136.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.533V208.867a8.533 8.533 0 0 1 8.533-8.534z"
fill="#e3e7f2"
/>
<linearGradient
id="b"
x1="-49.615"
x2="-48.668"
y1="639.149"
y2="638.428"
gradientTransform="matrix(136.553 0 0 -179.2042 7110.45 114820.297)"
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 330.552a8.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 415.246 331.8 379.534a67.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(#b)"
/>
<circle cx="400.067" cy="379.533" r="25.6" fill="#a4c2f7" />
</g>
<path
d="M42.667 153.6a8.451 8.451 0 0 1-8.533-8.533 8.543 8.543 0 0 1 .679-3.246 9.833 9.833 0 0 1 1.796-2.813 8.933 8.933 0 0 1 12.117 0 9.913 9.913 0 0 1 1.792 2.813 8.451 8.451 0 0 1-7.851 11.779zM179.2 153.6a13.21 13.21 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-.771 12.44 12.44 0 0 1-1.279-1.021 8.97 8.97 0 0 1-2.475-6.059 8.543 8.543 0 0 1 .679-3.246 9.833 9.833 0 0 1 1.796-2.813 8.603 8.603 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.425.341.85.683 1.279 1.025a9.913 9.913 0 0 1 1.792 2.813c.438 1.027.67 2.13.683 3.246a8.988 8.988 0 0 1-2.475 6.059c-.405.366-.833.707-1.279 1.021a6.498 6.498 0 0 1-1.538.771 5.576 5.576 0 0 1-1.537.513 11.78 11.78 0 0 1-1.706.17zM42.667 375.467a8.451 8.451 0 0 1-8.533-8.533 8.543 8.543 0 0 1 .679-3.246 9.833 9.833 0 0 1 1.796-2.813 8.933 8.933 0 0 1 12.117 0 9.913 9.913 0 0 1 1.792 2.813 8.451 8.451 0 0 1-7.851 11.779zM179.2 375.467a13.21 13.21 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 12.44 12.44 0 0 1-1.279-1.021 8.97 8.97 0 0 1-2.475-6.059 8.543 8.543 0 0 1 .679-3.246 8.771 8.771 0 0 1 1.796-2.813 8.603 8.603 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.025a8.816 8.816 0 0 1 1.792 2.813c.438 1.027.67 2.13.683 3.246a8.988 8.988 0 0 1-2.475 6.059c-.405.366-.833.707-1.279 1.021a6.498 6.498 0 0 1-1.538.771 5.54 5.54 0 0 1-1.537.512 11.81 11.81 0 0 1-1.707.172zM111.117 366.921a76.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.067V199.8a16.95 16.95 0 0 1 5-12.067L51.2 175.667a16.95 16.95 0 0 1 12.067-5H158.6a16.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.554 37.557-37.813 65.36-75.78 65.311zm-47.85-179.188L51.2 199.8v27.067l8.233 8.233a16.906 16.906 0 0 1 2.121 21.488A59.133 59.133 0 0 0 51.2 290.134c-.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.033V199.8L158.6 187.733H63.267z"
fill="#428dff"
/>
<path
d="M110.933 324.267c-18.851 0-34.133-15.282-34.133-34.133S92.082 256 110.933 256s34.133 15.282 34.133 34.133c-.021 18.843-15.29 34.112-34.133 34.134zm0-51.2c-9.426 0-17.067 7.641-17.067 17.067s7.641 17.067 17.067 17.067S128 299.559 128 290.133c-.009-9.421-7.645-17.057-17.067-17.066zM145.067 153.6H76.8a8.533 8.533 0 0 1 0-17.066h68.267a8.533 8.533 0 0 1 0 17.066zM494.933 512H307.2c-9.422-.009-17.057-7.645-17.067-17.067V221.867c.009-9.422 7.645-17.057 17.067-17.067h187.733c9.421.011 17.056 7.645 17.067 17.067v273.067c-.011 9.421-7.645 17.055-17.067 17.066zM307.2 221.867v273.067h187.742l-.009-273.067H307.2z"
fill="#428dff"
/>
<path
d="M332.8 256a7.149 7.149 0 0 1-3.246-.683 8.827 8.827 0 0 1-2.813-1.792 8.97 8.97 0 0 1-2.475-6.058 12.54 12.54 0 0 1 .171-1.708 5.415 5.415 0 0 1 .508-1.537 6.522 6.522 0 0 1 .771-1.533c.341-.429.683-.854 1.025-1.279a8.771 8.771 0 0 1 2.813-1.796 8.558 8.558 0 0 1 9.305 1.796c.341.425.683.85 1.021 1.279.323.475.582.991.771 1.533.245.485.418 1.003.513 1.537.094.565.151 1.136.171 1.709A8.451 8.451 0 0 1 332.8 256zM469.333 256a8.979 8.979 0 0 1-6.059-2.475 9.862 9.862 0 0 1-1.792-2.817 7.106 7.106 0 0 1-.683-3.242 8.785 8.785 0 0 1 2.475-6.059 8.933 8.933 0 0 1 12.117 0 8.819 8.819 0 0 1 2.475 6.059 8.546 8.546 0 0 1-.683 3.242 9.862 9.862 0 0 1-1.792 2.817 8.995 8.995 0 0 1-6.058 2.475zM332.8 477.867a8.528 8.528 0 0 1-3.246-.683 8.844 8.844 0 0 1-2.813-1.792c-.341-.429-.683-.854-1.025-1.279a6.498 6.498 0 0 1-.771-1.538 5.384 5.384 0 0 1-.508-1.537 12.483 12.483 0 0 1-.171-1.704 8.533 8.533 0 0 1 17.066 0c-.02.571-.077 1.14-.171 1.704a5.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.279a8.98 8.98 0 0 1-6.056 2.475zM469.333 477.867a8.451 8.451 0 0 1-8.533-8.533 7.107 7.107 0 0 1 .683-3.246 8.77 8.77 0 0 1 1.792-2.813 8.933 8.933 0 0 1 12.117 0 8.76 8.76 0 0 1 1.792 2.813 8.451 8.451 0 0 1-7.851 11.779zM401.25 469.321a76.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.067V302.2a16.95 16.95 0 0 1 5-12.067l12.067-12.067a16.95 16.95 0 0 1 12.067-5h95.333a17.173 17.173 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.458 76.458 0 0 1 12.392 54.438c-5.551 37.559-37.809 65.366-75.777 65.316zM353.4 290.133 341.333 302.2v27.067l8.233 8.233a16.906 16.906 0 0 1 2.121 21.488 59.133 59.133 0 0 0-10.354 33.546c-.033 25.665 16.33 48.484 40.65 56.685s51.16-.048 66.676-20.492c15.516-20.444 16.24-48.514 1.799-69.731a16.915 16.915 0 0 1 2.1-21.492l8.242-8.237 6.033 6.033-6.033-6.033V302.2l-12.067-12.067H353.4z"
fill="#428dff"
/>
<path
d="M401.067 426.667c-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 256h-68.267a8.533 8.533 0 0 1-8.533-8.533 8.533 8.533 0 0 1 8.533-8.533H435.2a8.533 8.533 0 0 1 0 17.066zM401.067 221.867a8.533 8.533 0 0 1-8.533-8.533V25.6a8.544 8.544 0 0 0-8.533-8.533H128a8.544 8.544 0 0 0-8.533 8.533v51.2a8.532 8.532 0 0 1-14.567 6.033l-25.6-25.6a8.533 8.533 0 0 1 12.066-12.066L102.4 56.2V25.6C102.415 11.468 113.868.015 128 0h256c14.132.015 25.585 11.468 25.6 25.6v187.733a8.53 8.53 0 0 1-8.533 8.534z"
fill="#428dff"
/>
<path
d="M110.933 85.333a8.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.502 8.502 0 0 1-6.033 2.5zM204.8 409.6H17.067C7.645 409.591.009 401.955 0 392.533V220.671a8.533 8.533 0 0 1 17.066 0v171.863H204.8V119.467H17.067v32.937a8.534 8.534 0 0 1-17.067 0v-32.937c.009-9.422 7.645-17.057 17.067-17.067H204.8c9.422.009 17.057 7.645 17.067 17.067v273.067c-.01 9.421-7.645 17.057-17.067 17.066z"
fill="#428dff"
/>
<circle cx="8.533" cy="186.539" r="8.533" fill="#428dff" />
</svg>
More icons in the same style and category