Add icons to this collection by clicking the heart icon.
Computer icon - also known as computer, draw, pen, graphic design, vector, 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="37" x2="37" 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="10" x2="10" y1="-.007" y2="63.749" href="#a" />
<linearGradient
id="g"
x1="23.5"
x2="23.5"
y1="-.007"
y2="63.749"
href="#a"
/>
<linearGradient id="h" x1="41" x2="41" y1="-.007" y2="63.749" href="#a" />
<linearGradient
id="i"
x1="54.577"
x2="54.577"
y1="-.007"
y2="63.749"
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.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-1zM39.812 60.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-1zM21 11a1 1 0 1 1 1 1 1 1 0 0 1-1-1zm2 2.816a3 3 0 1 0-2 0V17.3l-5-8.571V7h12v1.729L23 17.3zM28 2v3H16V2zm23 27H36a1 1 0 0 0-.868.5L32 34.984 28.868 29.5A1 1 0 0 0 28 29H13V2h1v7a1 1 0 0 0 .136.5l7 12a1 1 0 0 0 1.728 0l7-12A1 1 0 0 0 30 9V2h21z"
/>
<path
fill="url(#c)"
d="M36 8.706 27.454 22H25a1 1 0 0 0-1 1v3a1 1 0 0 0 1 1h3a1 1 0 0 0 1-1v-2.706L37.546 10h1.919L45 18.3V21a1 1 0 0 0 1 1h3a1 1 0 0 0 1-1v-3a1 1 0 0 0-1-1h-2.465L41 8.7V6a1 1 0 0 0-1-1h-3a1 1 0 0 0-1 1zM27 25h-1v-1h1zm20-6h1v1h-1zM38 7h1v1h-1z"
/>
<path fill="url(#d)" d="M47 4h2v2h-2zM47 8h2v2h-2z" />
<path fill="url(#e)" d="M43 4h2v2h-2z" />
<path
fill="url(#f)"
d="M4 39a6 6 0 1 0 6-6 6.006 6.006 0 0 0-6 6zm10 0a4 4 0 1 1-4-4 4 4 0 0 1 4 4z"
/>
<path
fill="url(#g)"
d="M19 34a1 1 0 0 0-1 1v9a1 1 0 0 0 1 1h9a1 1 0 0 0 1-1v-9a1 1 0 0 0-1-1zm8 9h-7v-7h7z"
/>
<path
fill="url(#h)"
d="m40.126 34.515-5 9A1 1 0 0 0 36 45h10a1 1 0 0 0 .874-1.485l-5-9a1.04 1.04 0 0 0-1.748 0zM37.7 43l3.3-5.94L44.3 43z"
/>
<path
fill="url(#i)"
d="M51.113 44.5a1 1 0 0 0 .866.5h5.2a1 1 0 0 0 .867-.5l2.6-4.5a1 1 0 0 0 0-1l-2.6-4.5a1 1 0 0 0-.867-.5h-5.2a1 1 0 0 0-.866.5l-2.6 4.5a1 1 0 0 0 0 1zm1.444-8.5H56.6l2.021 3.5L56.6 43h-4.043l-2.021-3.5z"
/>
</g>
</svg>
More icons in the same style and category