Add icons to this collection by clicking the heart icon.
Online Class icon - also known as computer, education, user, studying, teacher, online education, seminar, communications, online class, elearning, online course, and webinar. 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="-18.541"
x2="84.52"
y1="-22.128"
y2="80.933"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#9cecfb" />
<stop offset=".512" stop-color="#65c7f7" />
<stop offset="1" stop-color="#0052d4" />
</linearGradient>
<linearGradient
id="b"
x1="-26.334"
x2="76.726"
y1="-14.334"
y2="88.726"
href="#a"
/>
<linearGradient
id="c"
x1="-15.584"
x2="87.476"
y1="-25.084"
y2="77.976"
href="#a"
/>
<linearGradient
id="d"
x1="-18.584"
x2="84.476"
y1="-22.084"
y2="80.976"
href="#a"
/>
<linearGradient
id="e"
x1="-12.084"
x2="90.976"
y1="-28.584"
y2="74.476"
href="#a"
/>
<linearGradient
id="f"
x1="-15.084"
x2="87.976"
y1="-25.584"
y2="77.476"
href="#a"
/>
<path
fill="url(#a)"
d="M56 11h-1V6a1 1 0 0 0-1-1H10a1 1 0 0 0-1 1v5H8a3.003 3.003 0 0 0-3 3v32a3.003 3.003 0 0 0 3 3h17.526l-.31 4H21a3.003 3.003 0 0 0-3 3v2a1 1 0 0 0 1 1h26a1 1 0 0 0 1-1v-2a3.003 3.003 0 0 0-3-3h-4.216l-.31-4H56a3.003 3.003 0 0 0 3-3V14a3.003 3.003 0 0 0-3-3zM27 35a5.977 5.977 0 0 0-2.512-4.865 4.2 4.2 0 1 0-6.976 0A5.99 5.99 0 0 0 15 35h-4V22h20v13zm-6-5a2.2 2.2 0 1 1 2.2-2.2A2.202 2.202 0 0 1 21 30zm-1.931 1.508a4.033 4.033 0 0 0 3.863-.001A3.987 3.987 0 0 1 25 35h-8a3.993 3.993 0 0 1 2.069-3.492zM33 22h20v13H33zm10-7a2.2 2.2 0 1 1 2.2-2.2A2.203 2.203 0 0 1 43 15zm-1.931 1.507a4.033 4.033 0 0 0 3.864 0A3.986 3.986 0 0 1 47 20h-8a3.993 3.993 0 0 1 2.069-3.493zM53 20h-4a5.977 5.977 0 0 0-2.512-4.865 4.2 4.2 0 1 0-6.976 0A5.99 5.99 0 0 0 37 20h-4V7h20zM11 7h20v13H11zm-3 6h1v23a1 1 0 0 0 1 1h44a1 1 0 0 0 1-1V13h1a1 1 0 0 1 1 1v25H7V14a1.001 1.001 0 0 1 1-1zm36 43v1H20v-1a1.001 1.001 0 0 1 1-1h22a1 1 0 0 1 1 1zm-7.222-3h-9.556l.31-4h8.936zM56 47H8a1.001 1.001 0 0 1-1-1v-5h50v5a1 1 0 0 1-1 1z"
/>
<path fill="url(#b)" d="M35 43h-6a1 1 0 0 0 0 2h6a1 1 0 0 0 0-2z" />
<path fill="url(#c)" d="M14 12.5h14a1 1 0 0 0 0-2H14a1 1 0 0 0 0 2z" />
<path fill="url(#d)" d="M14 16.5h10a1 1 0 0 0 0-2H14a1 1 0 0 0 0 2z" />
<path fill="url(#e)" d="M50 25.5H36a1 1 0 0 0 0 2h14a1 1 0 0 0 0-2z" />
<path fill="url(#f)" d="M46 29.5H36a1 1 0 0 0 0 2h10a1 1 0 0 0 0-2z" />
</svg>
More icons in the same style and category