Add icons to this collection by clicking the heart icon.
Computer icon - also known as computer, education, idea, internet, online, learning, light bulb, and creative. 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 64 64"
>
<linearGradient
id="a"
x1="32"
x2="32"
y1="63.88"
y2="-.052"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".35" stop-color="#ed683c" />
<stop offset=".7" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<linearGradient id="b" x1="52" x2="52" y1="63.88" y2="-.052" href="#a" />
<linearGradient
id="c"
x1="32.002"
x2="32.002"
y1="63.88"
y2="-.052"
href="#a"
/>
<linearGradient
id="d"
x1="26.5"
x2="26.5"
y1="63.88"
y2="-.052"
gradientTransform="rotate(30 26.501 4.474)"
href="#a"
/>
<linearGradient
id="e"
x1="22.474"
x2="22.474"
y1="63.88"
y2="-.052"
gradientTransform="rotate(60 22.475 8.501)"
href="#a"
/>
<linearGradient id="f" x1="21" x2="21" y1="63.88" y2="-.052" href="#a" />
<linearGradient
id="g"
x1="22.474"
x2="22.474"
y1="63.88"
y2="-.052"
gradientTransform="rotate(30 22.47 19.494)"
href="#a"
/>
<linearGradient
id="h"
x1="41.526"
x2="41.526"
y1="63.88"
y2="-.052"
gradientTransform="rotate(60 41.53 19.504)"
href="#a"
/>
<linearGradient id="i" x1="43" x2="43" y1="63.88" y2="-.052" href="#a" />
<linearGradient
id="j"
x1="41.526"
x2="41.526"
y1="63.88"
y2="-.052"
gradientTransform="rotate(30 41.519 8.495)"
href="#a"
/>
<linearGradient
id="k"
x1="37.5"
x2="37.5"
y1="63.88"
y2="-.052"
gradientTransform="rotate(60 37.503 4.476)"
href="#a"
/>
<linearGradient id="l" x1="45" x2="45" y1="63.88" y2="-.052" href="#a" />
<linearGradient id="m" x1="19" x2="19" y1="63.88" y2="-.052" href="#a" />
<g>
<path
fill="url(#a)"
d="M54 10h-9v2h9a3.009 3.009 0 0 1 3 3v25H7V15a3.009 3.009 0 0 1 3-3h9v-2h-9a5 5 0 0 0-5 5v30a5 5 0 0 0 5 5h13.87l-.75 6H22a3 3 0 0 0 0 6h20a3 3 0 0 0 0-6h-1.12l-.75-6H54a5 5 0 0 0 5-5V15a5 5 0 0 0-5-5zM42 58a1 1 0 0 1 0 2H22a1 1 0 0 1 0-2zm-16.87-2 .75-6h12.24l.75 6zM57 45a3.009 3.009 0 0 1-3 3H10a3.009 3.009 0 0 1-3-3v-3h50z"
/>
<path fill="url(#b)" d="M51 44h2v2h-2z" />
<path
fill="url(#c)"
d="M37.53 19.77A8 8 0 0 0 31.86 6a8.09 8.09 0 0 0-7.85 7.71 7.973 7.973 0 0 0 2.38 5.99 5.155 5.155 0 0 1 1.57 3.3H26v2h2v2a2.006 2.006 0 0 0 2 2h4a2.006 2.006 0 0 0 2-2v-2h2v-2h-1.96a5 5 0 0 1 1.49-3.23zM34 27h-4v-2h4zm.01-4h-4.02a7.147 7.147 0 0 0-2.2-4.73A5.947 5.947 0 0 1 26 13.78 6.073 6.073 0 0 1 31.9 8a5.991 5.991 0 0 1 4.25 10.32A7.021 7.021 0 0 0 34.01 23z"
/>
<path
fill="url(#a)"
d="M31 16.816V21h2v-4.184A3 3 0 0 0 35 14h-2a1 1 0 0 1-2 0h-2a3 3 0 0 0 2 2.816zM31 2h2v2h-2z"
/>
<path
fill="url(#d)"
d="M25.5 3.474h2v2h-2z"
transform="rotate(-30 26.5 4.474)"
/>
<path
fill="url(#e)"
d="M21.473 7.5h2v2h-2z"
transform="rotate(-60 22.476 8.5)"
/>
<path fill="url(#f)" d="M20 13h2v2h-2z" />
<path
fill="url(#g)"
d="M21.473 18.5h2v2h-2z"
transform="rotate(-30 22.468 19.5)"
/>
<path
fill="url(#h)"
d="M40.526 18.5h2v2h-2z"
transform="rotate(-60 41.53 19.5)"
/>
<path fill="url(#i)" d="M42 13h2v2h-2z" />
<path
fill="url(#j)"
d="M40.526 7.5h2v2h-2z"
transform="rotate(-30 41.517 8.503)"
/>
<path
fill="url(#k)"
d="M36.5 3.474h2v2h-2z"
transform="rotate(-60 37.504 4.473)"
/>
<path
fill="url(#a)"
d="M55 15v22a1 1 0 0 1-1 1H10a1 1 0 0 1-1-1V15a1 1 0 0 1 1-1h8v2h-7v20h42V16h-7v-2h8a1 1 0 0 1 1 1z"
/>
<path fill="url(#l)" d="M41 28h8v2h-8zM41 32h8v2h-8z" />
<g fill="url(#m)"><path d="M15 28h8v2h-8zM15 32h8v2h-8z" /></g>
</g>
</svg>
More icons in the same style and category