Add icons to this collection by clicking the heart icon.
Computer icon - also known as computer, configuration, online, controls, trade, stock, options, concept, and edit tools. Created in a clean outline 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 64 64"
>
<linearGradient
id="a"
x1="32"
x2="32"
y1=".323"
y2="63.822"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#38d6a4" />
<stop offset=".197" stop-color="#36ccb0" />
<stop offset=".552" stop-color="#30b3cf" />
<stop offset=".999" stop-color="#288cff" />
</linearGradient>
<linearGradient
id="b"
x1="44.5"
x2="44.5"
y1=".323"
y2="63.822"
gradientTransform="rotate(31.02 44.463 2.473)"
href="#a"
/>
<linearGradient
id="c"
x1="44.5"
x2="44.5"
y1=".323"
y2="63.822"
gradientTransform="rotate(59.05 44.525 15.504)"
href="#a"
/>
<linearGradient
id="d"
x1="19.5"
x2="19.5"
y1=".323"
y2="63.822"
gradientTransform="rotate(30.95 19.519 15.518)"
href="#a"
/>
<linearGradient
id="e"
x1="19.5"
x2="19.5"
y1=".323"
y2="63.822"
gradientTransform="rotate(59.05 19.51 2.5)"
href="#a"
/>
<linearGradient
id="f"
x1="45.5"
x2="45.5"
y1=".323"
y2="63.822"
href="#a"
/>
<linearGradient
id="g"
x1="18.5"
x2="18.5"
y1=".323"
y2="63.822"
href="#a"
/>
<linearGradient id="h" x1="43" x2="43" y1=".323" y2="63.822" href="#a" />
<linearGradient id="i" x1="21" x2="21" y1=".323" y2="63.822" href="#a" />
<linearGradient id="j" x1="23" x2="23" y1=".323" y2="63.822" href="#a" />
<linearGradient id="k" x1="41" x2="41" y1=".323" y2="63.822" href="#a" />
<g>
<g fill="url(#a)">
<path
d="M63 13H49v2h13v28H2V15h13v-2H1a1 1 0 0 0-1 1v39a1 1 0 0 0 1 1h24.651a1.906 1.906 0 0 1-1.464.667 4.845 4.845 0 0 0-4.069 2.176l-1.035 1.618A1 1 0 0 0 19.926 60h24.148a1 1 0 0 0 .843-1.539l-1.035-1.618a4.845 4.845 0 0 0-4.07-2.176A1.9 1.9 0 0 1 38.349 54H63a1 1 0 0 0 1-1V14a1 1 0 0 0-1-1zM39.812 56.667a2.828 2.828 0 0 1 2.388 1.254l.051.079H21.753l.051-.08a2.829 2.829 0 0 1 2.383-1.253A3.826 3.826 0 0 0 27.883 54h8.234a3.826 3.826 0 0 0 3.695 2.667zM36.972 52H2v-7h60v7z"
/>
<path
d="M34 46h-4a1 1 0 0 0-1 1v3a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1v-3a1 1 0 0 0-1-1zm-1 3h-2v-1h2zM26 15.689V28c0 .016.008.029.009.044a.984.984 0 0 0 .063.311c.005.014.007.03.013.044v.015l5 11a1.12 1.12 0 0 0 .079.123.941.941 0 0 0 .072.113 1.046 1.046 0 0 0 .122.108 1.118 1.118 0 0 0 .091.079 1.02 1.02 0 0 0 .167.079c.031.012.059.032.091.041a.986.986 0 0 0 .576 0c.032-.009.06-.029.091-.041a1.02 1.02 0 0 0 .167-.079 1.118 1.118 0 0 0 .091-.079 1.046 1.046 0 0 0 .122-.108.941.941 0 0 0 .072-.113 1.12 1.12 0 0 0 .079-.123l5-11V28.4c.007-.015.009-.031.015-.046a.977.977 0 0 0 .062-.31c0-.015.009-.028.009-.044V15.689a9 9 0 1 0-12 0zm5 2.252V27h-3v-9.95a8.912 8.912 0 0 0 3 .891zM34.538 31h-5.076l-.909-2h6.894zm-4.021 2h2.966L32 36.461zM36 27h-3v-9.059a8.912 8.912 0 0 0 3-.891zM32 2a6.994 6.994 0 0 1 4 12.736V12h1v-2h-2a1 1 0 0 0-1 1v4.705a6.915 6.915 0 0 1-1 .215V8h-2v7.92a6.915 6.915 0 0 1-1-.215V11a1 1 0 0 0-1-1h-2v2h1v2.736A6.994 6.994 0 0 1 32 2z"
/>
</g>
<path
fill="url(#b)"
d="M41.585 1.5h5.831v2h-5.831z"
transform="rotate(-31.02 44.46 2.522)"
/>
<path
fill="url(#c)"
d="M43.5 12.585h2v5.831h-2z"
transform="rotate(-59.05 44.522 15.512)"
/>
<path
fill="url(#d)"
d="M16.585 14.5h5.831v2h-5.831z"
transform="rotate(-30.95 19.521 15.514)"
/>
<path
fill="url(#e)"
d="M18.5-.415h2v5.831h-2z"
transform="rotate(-59.05 19.51 2.503)"
/>
<path fill="url(#f)" d="M43 8h5v2h-5z" />
<path fill="url(#g)" d="M16 8h5v2h-5z" />
<path fill="url(#f)" d="M51 41V24a1 1 0 0 0-1-1H40v2h9v16z" />
<path fill="url(#g)" d="M13 24v17h2V25h9v-2H14a1 1 0 0 0-1 1z" />
<path
fill="url(#h)"
d="M47 28a1 1 0 0 0-1-1h-6v2h5v2h-6v2h7a1 1 0 0 0 1-1z"
/>
<path
fill="url(#i)"
d="M24 29v-2h-6a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h7v-2h-6v-2z"
/>
<path
fill="url(#j)"
d="M18 41h11v-2H19v-2h7v-2h-8a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1z"
/>
<path
fill="url(#k)"
d="M35 39v2h11a1 1 0 0 0 1-1v-4a1 1 0 0 0-1-1h-8v2h7v2z"
/>
</g>
</svg>
More icons in the same style and category