Add icons to this collection by clicking the heart icon.
Computer icon - also known as computer, education, school, online education, online learning, and online course. Created in a clean flat gradient style with a white finish, 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 32 32"
>
<linearGradient
id="a"
x1="15"
x2="17"
y1="23"
y2="23"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#1565c0" />
<stop offset="1" stop-color="#1e88e5" />
</linearGradient>
<linearGradient
id="b"
x1="2"
x2="30"
y1="12.5"
y2="12.5"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#64b5f6" />
<stop offset="1" stop-color="#bbdefb" />
</linearGradient>
<linearGradient
id="c"
x1="12"
x2="20"
y1="26"
y2="26"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffb74d" />
<stop offset="1" stop-color="#ffe0b2" />
</linearGradient>
<linearGradient id="d" x1="21" x2="23" y1="17" y2="17" href="#a" />
<linearGradient id="e" x1="24" x2="26" y1="17" y2="17" href="#a" />
<linearGradient id="f" x1="6" x2="20" y1="17" y2="17" href="#a" />
<linearGradient id="g" x1="17" x2="26" y1="13" y2="13" href="#a" />
<linearGradient id="h" x1="17" x2="26" y1="9" y2="9" href="#a" />
<linearGradient
id="i"
x1="6"
x2="16"
y1="11"
y2="11"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e57373" />
<stop offset="1" stop-color="#ef9a9a" />
</linearGradient>
<linearGradient
id="j"
x1="3.26"
x2="25.44"
y1="11.12"
y2="10.78"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ef9a9a" />
<stop offset="1" stop-color="#e57373" />
</linearGradient>
<linearGradient id="k" x1="10" x2="22" y1="28" y2="28" href="#a" />
<g>
<path
fill="url(#a)"
d="M16 25a1 1 0 0 1-1-1v-2a1 1 0 0 1 2 0v2a1 1 0 0 1-1 1z"
/>
<rect width="28" height="19" x="2" y="3" fill="url(#b)" rx="1" />
<path
d="M4 22H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h1a1 1 0 0 0-1 1v17a1 1 0 0 0 1 1z"
opacity=".1"
/>
<path
fill="#fff"
d="M30 4v17a1 1 0 0 1-1 1h-1a1 1 0 0 0 1-1V4a1 1 0 0 0-1-1h1a1 1 0 0 1 1 1z"
opacity=".2"
/>
<path
fill="#fff"
d="M27.14 5H4.86a.82.82 0 0 0-.86.79v13.42a.82.82 0 0 0 .86.79h22.28a.82.82 0 0 0 .86-.79V5.79a.82.82 0 0 0-.86-.79z"
/>
<path
fill="url(#c)"
d="M16 23a4 4 0 0 0-4 4v1a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1v-1a4 4 0 0 0-4-4z"
/>
<path
d="M19.28 24.72A4 4 0 0 0 13 28v1a1 1 0 0 1-1-1v-1a4 4 0 0 1 7.28-2.28z"
opacity=".1"
/>
<circle cx="22" cy="18" r="1" opacity=".1" />
<circle cx="25" cy="18" r="1" opacity=".1" />
<path
d="M19 19H7a1 1 0 0 1 0-2h12a1 1 0 0 1 0 2zM25 15h-7a1 1 0 0 1 0-2h7a1 1 0 0 1 0 2zM25 11h-7a1 1 0 0 1 0-2h7a1 1 0 0 1 0 2z"
opacity=".1"
/>
<circle cx="22" cy="17" r="1" fill="url(#d)" />
<circle cx="25" cy="17" r="1" fill="url(#e)" />
<path fill="url(#f)" d="M19 18H7a1 1 0 0 1 0-2h12a1 1 0 0 1 0 2z" />
<path fill="url(#g)" d="M25 14h-7a1 1 0 0 1 0-2h7a1 1 0 0 1 0 2z" />
<path fill="url(#h)" d="M25 10h-7a1 1 0 0 1 0-2h7a1 1 0 0 1 0 2z" />
<rect width="10" height="8" x="6" y="8" opacity=".1" rx="1" />
<rect width="10" height="8" x="6" y="7" fill="url(#i)" rx="1" />
<rect width="7.5" height="6" x="7.25" y="8" fill="url(#j)" rx=".75" />
<path fill="url(#k)" d="M21 29H11a1 1 0 0 1 0-2h10a1 1 0 0 1 0 2z" />
</g>
</svg>
More icons in the same style and category