Add icons to this collection by clicking the heart icon.
Computer icon - also known as computer, education, book, online, ebook, library, and books. 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.427"
y2="-.401"
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="44" x2="44" y1="63.427" y2="-.401" href="#a" />
<linearGradient id="c" x1="59" x2="59" y1="63.427" y2="-.401" href="#a" />
<linearGradient id="d" x1="54" x2="54" y1="63.427" y2="-.401" href="#a" />
<linearGradient id="e" x1="5" x2="5" y1="63.427" y2="-.401" href="#a" />
<linearGradient id="f" x1="11" x2="11" y1="63.427" y2="-.401" href="#a" />
<linearGradient
id="g"
x1="32.599"
x2="32.599"
y1="63.427"
y2="-.401"
href="#a"
/>
<linearGradient id="h" x1="42" x2="42" y1="63.427" y2="-.401" href="#a" />
<linearGradient id="i" x1="22" x2="22" y1="63.427" y2="-.401" href="#a" />
<path
fill="url(#a)"
d="M57 44a1 1 0 0 1 0-2 3 3 0 0 0 0-6H42.82A2.98 2.98 0 0 0 40 32h-2.15l-.67-4H44a5 5 0 0 0 5-5V7a5 5 0 0 0-5-5H20a5 5 0 0 0-5 5v16a5 5 0 0 0 5 5h6.82l-.67 4H24a2.98 2.98 0 0 0-2.82 4H15a6.988 6.988 0 0 0-4.83 12.05A7 7 0 0 0 11 62h42a3 3 0 0 0 0-6 1 1 0 0 1 0-2 2.98 2.98 0 0 0 2.82-4H57a3 3 0 0 0 0-6zM17 7a3.009 3.009 0 0 1 3-3h24a3.009 3.009 0 0 1 3 3v13H17zm3 19a3.009 3.009 0 0 1-3-3v-1h30v1a3.009 3.009 0 0 1-3 3zm15.82 6h-7.64l.67-4h6.3zM24 34h16a1 1 0 0 1 0 2H24a1 1 0 0 1 0-2zm29 18H11a3 3 0 0 0 0 6h42a1 1 0 0 1 0 2H11a5 5 0 0 1 0-10h42a1 1 0 0 1 0 2zm-2.82 4H11a1 1 0 0 1 0-2h39.18a2.868 2.868 0 0 0 0 2zM57 48H15a5 5 0 0 1 0-10h42a1 1 0 0 1 0 2H15a3 3 0 0 0 0 6h42a1 1 0 0 1 0 2zm-2.82-4H15a1 1 0 0 1 0-2h39.18a2.868 2.868 0 0 0 0 2z"
/>
<path fill="url(#b)" d="M43 23h2v2h-2z" />
<g fill="url(#c)">
<path
d="M62 4h-2V2h-2v2h-2v2h2v2h2V6h2zM58 10h2v4h-2zM58 16h2v2h-2zM58 20h2v2h-2z"
/>
</g>
<path fill="url(#d)" d="M53 13h2v4h-2zM53 19h2v2h-2zM53 23h2v2h-2z" />
<path
fill="url(#e)"
d="M4 8h2V6h2V4H6V2H4v2H2v2h2zM4 10h2v4H4zM4 16h2v2H4zM4 20h2v2H4z"
/>
<path fill="url(#f)" d="M10 13h2v4h-2zM10 19h2v2h-2zM10 23h2v2h-2z" />
<path
fill="url(#g)"
d="M30.056 15.9a2 2 0 0 0 2.053-.1l3.2-2.132a2 2 0 0 0 0-3.328l-3.2-2.14A2 2 0 0 0 29 9.868v4.264a2 2 0 0 0 1.056 1.768zM34.2 12 31 14.138v-4.27z"
/>
<path fill="url(#h)" d="M39 7h6v2h-6zM39 11h6v2h-6zM39 15h6v2h-6z" />
<path fill="url(#i)" d="M19 7h6v2h-6zM19 11h6v2h-6zM19 15h6v2h-6z" />
</svg>
More icons in the same style and category