Add icons to this collection by clicking the heart icon.
Computer icon - also known as computer, configuration, music, online, controls, trade, stock, options, 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="-.118"
y2="63.298"
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="19.804"
x2="19.804"
y1="-.118"
y2="63.298"
href="#a"
/>
<linearGradient id="c" x1="7.5" x2="7.5" y1="-.118" y2="63.298" href="#a" />
<linearGradient
id="d"
x1="15.5"
x2="15.5"
y1="-.118"
y2="63.298"
href="#a"
/>
<linearGradient
id="e"
x1="41.455"
x2="41.455"
y1="-.118"
y2="63.298"
href="#a"
/>
<linearGradient
id="f"
x1="43.706"
x2="43.706"
y1="-.118"
y2="63.298"
href="#a"
/>
<linearGradient
id="g"
x1="40.5"
x2="40.5"
y1="-.118"
y2="63.298"
href="#a"
/>
<linearGradient
id="h"
x1="35.5"
x2="35.5"
y1="-.118"
y2="63.298"
href="#a"
/>
<g>
<path
fill="url(#a)"
d="M63 17h-8v2h7v28H2V19h7v-2H1a1 1 0 0 0-1 1v39a1 1 0 0 0 1 1h24.651a1.906 1.906 0 0 1-1.464.667 4.847 4.847 0 0 0-4.069 2.176l-1.035 1.618A1 1 0 0 0 19.926 64h24.148a1 1 0 0 0 .843-1.539l-1.035-1.617a4.846 4.846 0 0 0-4.07-2.177A1.9 1.9 0 0 1 38.349 58H63a1 1 0 0 0 1-1V18a1 1 0 0 0-1-1zM39.812 60.667a2.827 2.827 0 0 1 2.388 1.254l.051.079H21.753l.051-.08a2.828 2.828 0 0 1 2.383-1.253A3.826 3.826 0 0 0 27.883 58h8.234a3.826 3.826 0 0 0 3.695 2.667zM36.972 56H2v-7h60v7z"
/>
<path
fill="url(#a)"
d="M34 50h-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-1h2z"
/>
<path
fill="url(#b)"
d="M27 15.088a4.791 4.791 0 0 0-2.522-.049c-2.25.556-3.709 2.51-3.253 4.357a3.205 3.205 0 0 0 1.9 2.134 4.453 4.453 0 0 0 1.784.359 5.09 5.09 0 0 0 1.225-.151c2.25-.555 3.709-2.509 3.253-4.356a2.851 2.851 0 0 0-.387-.848V5a1 1 0 0 0-1.3-.955l-11 3.417a1 1 0 0 0-.7.955v8.67a4.781 4.781 0 0 0-2.522-.048c-2.25.556-3.709 2.51-3.253 4.357a3.205 3.205 0 0 0 1.9 2.134 4.453 4.453 0 0 0 1.784.359 5.09 5.09 0 0 0 1.225-.151c2.25-.555 3.709-2.509 3.253-4.356a2.851 2.851 0 0 0-.387-.848V9.153l9-2.8zM14.652 21.8a2.792 2.792 0 0 1-1.731-.1 1.253 1.253 0 0 1-.755-.779c-.188-.764.632-1.65 1.79-1.937a3.166 3.166 0 0 1 .748-.091 1.665 1.665 0 0 1 1.738.971c.189.76-.631 1.647-1.79 1.936zm11-2a2.785 2.785 0 0 1-1.731-.1 1.253 1.253 0 0 1-.755-.779c-.188-.764.632-1.65 1.79-1.937a3.166 3.166 0 0 1 .748-.091 1.665 1.665 0 0 1 1.738.971c.189.76-.631 1.647-1.79 1.936z"
/>
<path
fill="url(#c)"
d="M6 45h3a1 1 0 0 0 1-1v-8a1 1 0 0 0 1-1v-4a1 1 0 0 0-1-1v-2a1 1 0 0 0-1-1H6a1 1 0 0 0-1 1v2a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1v8a1 1 0 0 0 1 1zm0-11v-2h3v2zm1-5h1v1H7zm1 7v7H7v-7z"
/>
<path
fill="url(#d)"
d="M14 45h3a1 1 0 0 0 1-1v-3a1 1 0 0 0 1-1v-4a1 1 0 0 0-1-1v-7a1 1 0 0 0-1-1h-3a1 1 0 0 0-1 1v7a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1v3a1 1 0 0 0 1 1zm0-6v-2h3v2zm1-10h1v6h-1zm1 12v2h-1v-2z"
/>
<path
fill="url(#e)"
d="m56.328 33.509-3.366-11.783a1.062 1.062 0 0 0-.979-.726 1 1 0 0 0-.953.758l-2.28 9.12-1.831-4.272a1 1 0 0 0-.912-.606H46a1 1 0 0 0-.914.594l-2.952 6.643-1.186-3.553a1 1 0 0 0-.929-.684 1.041 1.041 0 0 0-.956.648L37.094 34.9l-3.138-10.2a1 1 0 0 0-.874-.7 1.025 1.025 0 0 0-.977.55l-4 8.008-1.173-2.932a1.011 1.011 0 0 0-.961-.626 1 1 0 0 0-.919.684l-2 6 1.9.632 1.137-3.41.986 2.465a1 1 0 0 0 .887.628.96.96 0 0 0 .937-.552l3.883-7.767 3.266 10.614a1 1 0 0 0 .922.706H37a1 1 0 0 0 .937-.648L39.944 33l1.108 3.32a1 1 0 0 0 .9.683.986.986 0 0 0 .962-.593l3.069-6.91 2.1 4.894a1 1 0 0 0 1.889-.152l2.094-8.377 2.974 10.409a1 1 0 0 0 .831.717.984.984 0 0 0 .988-.476l3-5-1.714-1.03z"
/>
<path
fill="url(#f)"
d="M35.721 4.729a1 1 0 0 0 0 1.415l8.545 8.546a4.832 4.832 0 0 0-1.817 1.751c-1.2 1.984-.846 4.4.782 5.381a2.95 2.95 0 0 0 1.532.417 4.371 4.371 0 0 0 3.594-2.231 4.738 4.738 0 0 0 .694-2.936 3.207 3.207 0 0 0-1.475-2.443 2.868 2.868 0 0 0-.876-.329l-8.815-8.821c1.982-1.615 7.522-5.2 12.685-.042l1.414-1.415c-6.152-6.152-13.33-2.222-16.263.707zm10.925 14.245c-.618 1.022-1.7 1.545-2.381 1.135s-.72-1.612-.1-2.634a2.769 2.769 0 0 1 1.294-1.153 1.6 1.6 0 0 1 .572-.117.977.977 0 0 1 .513.135 1.246 1.246 0 0 1 .52.951 2.757 2.757 0 0 1-.418 1.683z"
/>
<path
fill="url(#g)"
d="M22 45h37a1 1 0 0 0 1-1v-3a1 1 0 0 0-1-1H22a1 1 0 0 0-1 1v3a1 1 0 0 0 1 1zm1-3h35v1H23z"
/>
<path fill="url(#h)" d="M31 17h9v2h-9z" />
</g>
</svg>
More icons in the same style and category