Add icons to this collection by clicking the heart icon.
Computer icon - also known as technology, computer, tower, ui, electronics, cpu, unit, cpu tower, computer tower, music and multimedia, and desktop pc. Created in a clean gradient style, 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="512"
height="512"
viewBox="0 0 512 512"
>
<linearGradient
id="c"
x1="74.98"
x2="437.019"
y1="437.019"
y2="74.98"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#0056e0" />
<stop offset="1" stop-color="#85ffe0" />
</linearGradient>
<radialGradient
id="d"
cx="256"
cy="256"
r="256"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#0072ff" />
<stop offset=".007" stop-color="#0173ff" stop-opacity=".993" />
<stop offset=".349" stop-color="#39aff2" stop-opacity=".651" />
<stop offset=".641" stop-color="#62dae8" stop-opacity=".359" />
<stop offset=".867" stop-color="#7cf5e2" stop-opacity=".133" />
<stop offset="1" stop-color="#85ffe0" stop-opacity="0" />
</radialGradient>
<linearGradient id="a">
<stop offset="0" stop-color="#170794" />
<stop offset="1" stop-color="#3ca1ff" />
</linearGradient>
<linearGradient
id="e"
x1="-135.777"
x2="506.136"
y1="596.345"
y2="-45.567"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="-193.772"
x2="480.261"
y1="780.203"
y2="106.17"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="-112.346"
x2="492.509"
y1="646.213"
y2="41.358"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="-51.35"
x2="839.824"
y1="506.763"
y2="-384.412"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="-98.427"
x2="731.412"
y1="690.292"
y2="-139.547"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="j"
x1="-63.024"
x2="771.356"
y1="596.92"
y2="-237.46"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<radialGradient
id="k"
cx="317.525"
cy="102.175"
r="23.055"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#85ffe0" stop-opacity=".6" />
<stop offset=".041" stop-color="#81f6e0" stop-opacity=".575" />
<stop offset=".249" stop-color="#71cee0" stop-opacity=".451" />
<stop offset=".453" stop-color="#64aee0" stop-opacity=".328" />
<stop offset=".65" stop-color="#5b97e0" stop-opacity=".21" />
<stop offset=".836" stop-color="#568ae0" stop-opacity=".099" />
<stop offset="1" stop-color="#5485e0" stop-opacity="0" />
</radialGradient>
<linearGradient
id="l"
x1="164.274"
x2="952.617"
y1="194.913"
y2="-593.431"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="m"
x1="163.753"
x2="621.698"
y1="256.401"
y2="-201.543"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="n"
x1="178.329"
x2="966.395"
y1="226.572"
y2="-561.494"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="o"
x1="170.793"
x2="632.224"
y1="295.348"
y2="-166.083"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="p"
x1="157.115"
x2="522.174"
y1="370.36"
y2="5.301"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#389fff" />
<stop offset=".121" stop-color="#45affa" />
<stop offset=".573" stop-color="#73e9e7" />
<stop offset=".79" stop-color="#85ffe0" />
<stop offset=".881" stop-color="#9dffe6" />
<stop offset="1" stop-color="#c2fff0" />
</linearGradient>
<linearGradient
id="q"
x1="158.265"
x2="525.936"
y1="405.37"
y2="37.699"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="r"
x1="102.004"
x2="471.117"
y1="488.756"
y2="119.644"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="s"
x1="206.437"
x2="399.257"
y1="382.374"
y2="189.553"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="t"
x1="233.6"
x2="337.107"
y1="355.212"
y2="251.705"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="u"
x1="160.883"
x2="329.465"
y1="258.981"
y2="90.399"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#85ffe0" />
<stop offset=".234" stop-color="#9dffe6" />
<stop offset=".725" stop-color="#dafff6" />
<stop offset="1" stop-color="#fff" />
</linearGradient>
<circle cx="256" cy="256" r="256" fill="url(#c)" />
<circle cx="256" cy="256" r="256" fill="url(#d)" />
<path
fill="url(#e)"
d="M166 66.812C153.589 67.66 143.206 78.6 142.866 91c-2.904 110-2.904 220 0 330 .341 12.4 10.723 23.34 23.134 24.188 27.5 1.833 55 2.827 82.5 2.979-.25-128.111-.25-256.223 0-384.333-27.5.152-55 1.145-82.5 2.978z"
/>
<path
fill="url(#f)"
d="M346 66.812c-12.5-.833-25-1.493-37.5-1.979a13922.42 13922.42 0 0 1 0 382.333c12.5-.486 25-1.146 37.5-1.979 12.412-.846 22.794-11.79 23.134-24.188 2.904-110 2.904-220 0-330C368.794 78.6 358.412 67.66 346 66.812z"
/>
<path
fill="url(#g)"
d="M323.759 431.26a10755.64 10755.64 0 0 0 0-350.52c-.143-8.41-6.981-15.581-15.259-15.907-20-.778-40-1.111-60-1-8.278.048-15.035 7.047-15.086 15.527-.635 117.76-.635 235.52 0 353.28.051 8.48 6.809 15.479 15.086 15.527 20 .111 40-.222 60-1 8.278-.327 15.116-7.499 15.259-15.907z"
/>
<path
fill="url(#h)"
d="M165.654 81.947c-4.157.256-7.608 3.86-7.704 8.026a7304.825 7304.825 0 0 0-1.878 177.994 7.537 7.537 0 0 0 2.262 5.351c3.631 3.583 7.264 7.179 10.898 10.786a7.637 7.637 0 0 1 2.269 5.385c.109 28.252.354 56.503.737 84.755.027 2.014-.748 3.912-2.154 5.276-3.534 3.429-7.06 6.837-10.576 10.22-1.399 1.347-2.163 3.223-2.124 5.226.172 9.02.36 18.04.565 27.061.096 4.165 3.548 7.77 7.704 8.026a1482.102 1482.102 0 0 0 67.759 2.587c19.759-58.573 40.524-117.862 61.024-176.64-20.5-58.778-41.264-118.066-61.024-176.64a1482.167 1482.167 0 0 0-67.758 2.587z"
/>
<path
fill="url(#i)"
d="M342.768 284.104a5504.57 5504.57 0 0 1 10.898-10.786 7.54 7.54 0 0 0 2.262-5.351 7304.825 7304.825 0 0 0-1.878-177.994c-.096-4.165-3.548-7.769-7.704-8.026a1485.68 1485.68 0 0 0-22.586-1.207C302.125 138.125 279.062 197.062 256 256c23.062 58.938 46.125 117.875 67.759 175.26a1484.3 1484.3 0 0 0 22.586-1.207c4.157-.256 7.608-3.86 7.704-8.026.205-9.02.393-18.04.565-27.061.038-2.001-.725-3.879-2.124-5.226a3627.518 3627.518 0 0 1-10.576-10.22c-1.406-1.366-2.181-3.264-2.154-5.276.383-28.252.629-56.503.737-84.755a7.647 7.647 0 0 1 2.271-5.385z"
/>
<path
fill="url(#j)"
d="M233.414 79.36c-.635 117.76-.635 235.52 0 353.28 30.115.46 60.23 0 90.346-1.38a10755.64 10755.64 0 0 0 0-350.52c-30.116-1.38-60.231-1.84-90.346-1.38z"
/>
<path
fill="url(#k)"
d="M342.768 284.104a5504.57 5504.57 0 0 1 10.898-10.786 7.54 7.54 0 0 0 2.262-5.351 7304.825 7304.825 0 0 0-1.878-177.994c-.096-4.165-3.548-7.769-7.704-8.026a1480.06 1480.06 0 0 0-180.691 0c-4.157.256-7.608 3.86-7.704 8.026a7304.825 7304.825 0 0 0-1.878 177.994 7.537 7.537 0 0 0 2.262 5.351c3.631 3.583 7.264 7.179 10.898 10.786a7.637 7.637 0 0 1 2.269 5.385c.109 28.252.354 56.503.737 84.755.027 2.014-.748 3.912-2.154 5.276-3.534 3.429-7.06 6.837-10.576 10.22-1.399 1.347-2.163 3.223-2.124 5.226.172 9.02.36 18.04.565 27.061.096 4.165 3.548 7.77 7.704 8.026a1480.06 1480.06 0 0 0 180.691 0c4.157-.256 7.608-3.86 7.704-8.026.205-9.02.393-18.04.565-27.061.038-2.001-.725-3.879-2.124-5.226a3627.518 3627.518 0 0 1-10.576-10.22c-1.406-1.366-2.181-3.264-2.154-5.276.383-28.252.629-56.503.737-84.755a7.647 7.647 0 0 1 2.271-5.385z"
/>
<path
fill="url(#l)"
d="M187.593 126.46c-.122 10.16-.23 20.32-.324 30.48 15.274-.39 30.547-.65 45.821-.78a4668.861 4668.861 0 0 1 30.53-15.46 3458.123 3458.123 0 0 0-30.422-15.26c-15.202.17-30.404.51-45.605 1.02z"
/>
<path
fill="url(#m)"
d="M324.407 126.46a2039.656 2039.656 0 0 0-91.21-1.02c-.041 10.24-.077 20.48-.108 30.72 30.547-.26 61.094 0 91.642.78-.093-10.16-.201-20.32-.324-30.48z"
/>
<path
fill="url(#n)"
d="M187.139 172.18c-.079 10.16-.144 20.32-.194 30.48 15.346-.21 30.691-.35 46.037-.42a8722.028 8722.028 0 0 1 30.682-15.42 5388.796 5388.796 0 0 0-30.617-15.3c-15.303.11-30.605.33-45.908.66z"
/>
<path
fill="url(#o)"
d="M324.861 172.18c-30.605-.66-61.21-.88-91.814-.66-.026 10.24-.048 20.48-.065 30.72 30.691-.14 61.382 0 92.074.42-.051-10.16-.116-20.32-.195-30.48z"
/>
<path
fill="url(#p)"
d="M279.048 225.28c.004 4.241 3.447 7.688 7.691 7.698 10.246.027 20.493.067 30.739.12 4.244.021 7.678-3.371 7.666-7.577-.012-4.208-3.463-7.652-7.704-7.691a6990.96 6990.96 0 0 0-30.72-.2 7.633 7.633 0 0 0-7.672 7.65z"
/>
<path
fill="url(#q)"
d="M202.397 332.467c.126 21.325 12.769 40.068 30.78 48.913a26226.928 26226.928 0 0 1 30.48-48.513 31687.796 31687.796 0 0 0-30.708-48.646c-18.166 8.6-30.677 26.911-30.552 48.246z"
/>
<path
fill="url(#r)"
d="M256 279.062a53.788 53.788 0 0 0-23.05 5.158c.028 32.386.104 64.773.228 97.159 6.931 3.393 14.661 5.307 22.823 5.308 29.33-.026 53.398-24.733 53.603-54.221.18-29.503-23.888-53.365-53.604-53.404z"
/>
<path
fill="url(#s)"
d="M278.973 332.8c-.036 12.718-10.327 23.135-22.973 23.138-12.646-.001-22.936-10.418-22.973-23.138-.034-12.722 10.256-22.983 22.973-22.987 12.716.004 23.007 10.264 22.973 22.987z"
/>
<path
fill="url(#t)"
d="M263.651 340.553c-12.67.031-22.966-10.353-22.988-23.08-.001-.634.031-1.26.08-1.881a22.822 22.822 0 0 0-7.716 17.208c.036 12.718 10.327 23.135 22.973 23.138 12.017 0 21.897-9.411 22.886-21.257-4.063 3.633-9.394 5.86-15.235 5.872z"
/>
<path
fill="url(#u)"
d="M324.107 103.6c.061 4.208-3.287 7.488-7.474 7.351-4.187-.138-7.616-3.66-7.661-7.884s3.298-7.54 7.469-7.384c4.172.155 7.606 3.712 7.666 7.917z"
/>
</svg>
More icons in the same style and category