Add icons to this collection by clicking the heart icon.
Computer icon - also known as computer, configuration, controls, stock, video, 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="-.007"
y2="63.749"
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="32" x2="32" y1="0" y2="63.757" href="#a" />
<linearGradient
id="c"
x1="31.5"
x2="31.5"
y1="-.007"
y2="63.749"
href="#a"
/>
<linearGradient id="d" x1="48" x2="48" y1="-.007" y2="63.749" href="#a" />
<linearGradient id="e" x1="44" x2="44" y1="-.007" y2="63.749" href="#a" />
<linearGradient id="f" x1="8" x2="8" y1="-.007" y2="63.749" href="#a" />
<linearGradient id="g" x1="16" x2="16" y1="-.007" y2="63.749" href="#a" />
<linearGradient
id="h"
x1="51.909"
x2="51.909"
y1="-.007"
y2="63.749"
href="#a"
/>
<linearGradient
id="i"
x1="43.5"
x2="43.5"
y1="-.007"
y2="63.749"
href="#a"
/>
<linearGradient
id="j"
x1="57.5"
x2="57.5"
y1="-.007"
y2="63.749"
href="#a"
/>
<g>
<path
fill="url(#a)"
d="M63 17h-8v2h7v28H20V33a1 1 0 0 0-1-1H5a1 1 0 0 0-1 1v14H2V19h7v-2H1a1 1 0 0 0-1 1v39a1 1 0 0 0 1 1h24.651a1.9 1.9 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-1zM6 34h12v13H6zm33.812 26.667a2.83 2.83 0 0 1 2.388 1.254l.051.079h-20.5l.051-.08a2.831 2.831 0 0 1 2.384-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="M53 30V1a1 1 0 0 0-1-1H12a1 1 0 0 0-1 1v29a1 1 0 0 0 1 1h15.42l3.712 6.5a1 1 0 0 0 1.736 0L36.58 31H52a1 1 0 0 0 1-1zm-2-1H36a1 1 0 0 0-.868.5L32 34.984 28.868 29.5A1 1 0 0 0 28 29H13V2h38z"
/>
<path
fill="url(#c)"
d="M18 27h20a1 1 0 0 0 1-1v-2.674l5.725 1.636A1.031 1.031 0 0 0 45 25a1 1 0 0 0 1-1v-8a1 1 0 0 0-.4-.8 1.013 1.013 0 0 0-.877-.163L39 16.674V14a1 1 0 0 0-1-1h-2.556A3.959 3.959 0 0 0 36 11a4 4 0 0 0-4-4 3.96 3.96 0 0 0-2.16.644A6 6 0 1 0 19.54 13H18a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1zm26-9.674v5.348l-5-1.428v-2.492zM32 9a2 2 0 1 1-2 2 2 2 0 0 1 2-2zm-3.48 3.933.036.067h-.1zM20 9a4 4 0 1 1 4 4 4 4 0 0 1-4-4zm-1 6h18v10H19z"
/>
<path fill="url(#d)" d="M47 3h2v2h-2zM47 7h2v2h-2z" />
<path fill="url(#e)" d="M43 3h2v2h-2z" />
<g fill="url(#f)"><path d="M7 35h2v2H7zM7 39h2v2H7zM7 43h2v2H7z" /></g>
<path fill="url(#g)" d="M15 35h2v2h-2zM15 39h2v2h-2zM15 43h2v2h-2z" />
<path
fill="url(#h)"
d="M48.515 43.875a1 1 0 0 0 1.015-.027l5.818-3.637a1 1 0 0 0 .07-1.648L49.6 34.2a1 1 0 0 0-1.6.8v8a1 1 0 0 0 .515.875zM50 37l3.052 2.288L50 41.2z"
/>
<path fill="url(#i)" d="M46 32h-4a1 1 0 0 0-1 1v4h2v-3h3z" />
<path
fill="url(#j)"
d="M60 33a1 1 0 0 0-1-1h-4v2h3v3h2zM60 45v-4h-2v3h-3v2h4a1 1 0 0 0 1-1z"
/>
<path fill="url(#i)" d="M41 41v4a1 1 0 0 0 1 1h4v-2h-3v-3z" />
</g>
</svg>
More icons in the same style and category