Add icons to this collection by clicking the heart icon.
Online Class icon - also known as online, teacher, student, learning, communications, online class, and video conference. Created in a clean flat style with a silver, gray, black, red, yellow, green, navy, and orange 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 64 64"
>
<path
fill="#9fa8da"
d="M58 5H6a1 1 0 0 0-1 1v38a1 1 0 0 0 1 1h52a1 1 0 0 0 1-1V6a1 1 0 0 0-1-1z"
/>
<path fill="#fdd835" d="M58 5H36v33h23V6a1 1 0 0 0-1-1z" />
<path
fill="#388e3c"
d="M44.456 31.714c.34-.487.544-1.076.544-1.714 0-1.654-1.346-3-3-3s-3 1.346-3 3c0 .638.203 1.227.544 1.714C38.614 32.436 38 33.638 38 35a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1c0-1.362-.613-2.564-1.544-3.286z"
/>
<path
fill="#d50000"
d="M56.456 31.714c.34-.487.544-1.076.544-1.714 0-1.654-1.346-3-3-3s-3 1.346-3 3c0 .638.203 1.227.544 1.714C50.614 32.436 50 33.638 50 35a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1c0-1.362-.613-2.564-1.544-3.286z"
/>
<path
fill="#ec407a"
d="M44.456 21.714c.34-.487.544-1.076.544-1.714 0-1.654-1.346-3-3-3s-3 1.346-3 3c0 .638.203 1.227.544 1.714C38.614 22.436 38 23.638 38 25a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1c0-1.362-.613-2.564-1.544-3.286z"
/>
<path
fill="#42a5f5"
d="M56.456 21.714c.34-.487.544-1.076.544-1.714 0-1.654-1.346-3-3-3s-3 1.346-3 3c0 .638.203 1.227.544 1.714C50.614 22.436 50 23.638 50 25a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1c0-1.362-.613-2.564-1.544-3.286z"
/>
<path
fill="#ab47bc"
d="M44.456 10.714C44.796 10.227 45 9.638 45 9c0-1.654-1.346-3-3-3s-3 1.346-3 3c0 .638.203 1.227.544 1.714C38.614 11.436 38 12.638 38 14a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1c0-1.362-.613-2.564-1.544-3.286z"
/>
<path
fill="#ef6c00"
d="M56.456 10.714C56.796 10.227 57 9.638 57 9c0-1.654-1.346-3-3-3s-3 1.346-3 3c0 .638.203 1.227.544 1.714C50.614 11.436 50 12.638 50 14a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1c0-1.362-.613-2.564-1.544-3.286z"
/>
<path
fill="#616161"
d="M35 41h-6a1 1 0 0 0-1 1v14a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V42a1 1 0 0 0-1-1z"
/>
<path
fill="#757575"
d="M47 53H17c-1.654 0-3 1.346-3 3v2a1 1 0 0 0 1 1h34a1 1 0 0 0 1-1v-2c0-1.654-1.346-3-3-3z"
/>
<circle cx="19" cy="15" r="7" fill="#5c6bc0" />
<path
fill="#5c6bc0"
d="M19 23c-7.168 0-13 5.551-13 12.375V38a1 1 0 0 0 1 1h24a1 1 0 0 0 1-1v-2.625C32 28.551 26.168 23 19 23z"
/>
<path
fill="#283593"
d="M59 24H49v-8h10v-2H49V5h-2v9H37V5h-2v30a1 1 0 1 0 2 0v-9h10v9a1 1 0 1 0 2 0v-9h10zm-12 0H37v-8h10z"
/>
<path fill="#757575" d="M5 35v9a1 1 0 0 0 1 1h52a1 1 0 0 0 1-1v-9z" />
<circle cx="32" cy="40" r="2" fill="#616161" />
</svg>
More icons in the same style and category