Add icons to this collection by clicking the heart icon.
Online Class icon - also known as education, people, online, web, student, online education, online learning, training, and online class. Created in a clean flat style with a white, silver, gray, 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 32 32"
>
<g>
<path
fill="#64b5f6"
d="M26 3v10.54a1 1 0 0 1-.5.87 1 1 0 0 1-1 0A3 3 0 0 0 23 14a3 3 0 0 0 0 6 1 1 0 0 1 0 2 5 5 0 0 0-4.71 3.33 1 1 0 0 1-.94.67H3a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1h22a1 1 0 0 1 1 1z"
/>
<path
d="M3 3v22a1 1 0 0 0 1 1H3a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1h1a1 1 0 0 0-1 1z"
opacity=".1"
/>
<path
fill="#fff"
d="M26 3v10.54a1 1 0 0 1-.5.87 1 1 0 0 1-1 0 1 1 0 0 0 .5-.87V3a1 1 0 0 0-1-1h1a1 1 0 0 1 1 1z"
opacity=".2"
/>
<path d="M2 9h24v2H2z" opacity=".1" />
<path fill="#fff" d="M2 8h24v2H2z" />
<path fill="#fff" d="M15 2v7a1 1 0 0 1-2 0V2z" />
<path d="M11 6a1 1 0 0 1-1 1H2V5h8a1 1 0 0 1 1 1z" opacity=".1" />
<circle cx="21" cy="6" r="1" opacity=".1" />
<circle cx="18" cy="6" r="1" opacity=".1" />
<path fill="#e57373" d="M11 5a1 1 0 0 1-1 1H2V4h8a1 1 0 0 1 1 1z" />
<circle cx="21" cy="5" r="1" fill="#e57373" />
<circle cx="18" cy="5" r="1" fill="#e57373" />
<circle cx="16" cy="24" r="1" opacity=".1" />
<circle cx="13" cy="24" r="1" opacity=".1" />
<path
d="M18 15h-4a1 1 0 0 1 0-2h4a1 1 0 0 1 0 2zM16 19h-2a1 1 0 0 1 0-2h2a1 1 0 0 1 0 2zM16 22H6a1 1 0 0 1 0-2h10a1 1 0 0 1 0 2zM10 25H6a1 1 0 0 1 0-2h4a1 1 0 0 1 0 2z"
opacity=".1"
/>
<circle cx="16" cy="23" r="1" fill="#fff" />
<circle cx="13" cy="23" r="1" fill="#fff" />
<path
fill="#e57373"
d="M28 22.06a6.67 6.67 0 0 0-2.61-1.65A6.82 6.82 0 0 0 23 20a7 7 0 0 0-6.59 4.66A6.82 6.82 0 0 0 16 27v2a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-2a6.89 6.89 0 0 0-2-4.94z"
/>
<path
d="M28.42 22.57a6.57 6.57 0 0 0-2.08-1.16A6.82 6.82 0 0 0 24 21a7 7 0 0 0-6.59 4.66A6.82 6.82 0 0 0 17 28v2a1 1 0 0 1-1-1v-2a6.82 6.82 0 0 1 .41-2.34A7 7 0 0 1 23 20a6.82 6.82 0 0 1 2.34.41A6.67 6.67 0 0 1 28 22.06a5.68 5.68 0 0 1 .42.51z"
opacity=".1"
/>
<rect width="7" height="6" x="5" y="13" opacity=".1" rx="1" />
<rect width="7" height="6" x="5" y="12" fill="#ffb74d" rx="1" />
<g fill="#fff">
<path
d="M18 14h-4a1 1 0 0 1 0-2h4a1 1 0 0 1 0 2zM16 18h-2a1 1 0 0 1 0-2h2a1 1 0 0 1 0 2zM16 21H6a1 1 0 0 1 0-2h10a1 1 0 0 1 0 2zM10 24H6a1 1 0 0 1 0-2h4a1 1 0 0 1 0 2z"
/>
</g>
<path
fill="#ffb74d"
d="M25.5 12.67A5 5 0 1 0 28 17a5 5 0 0 0-2.5-4.33z"
/>
<path
d="M27 14a3.39 3.39 0 0 0-.5-.34A5 5 0 0 0 19 18a4.94 4.94 0 0 0 1 3 5 5 0 0 1 5.5-8.33A4.84 4.84 0 0 1 27 14z"
opacity=".1"
/>
</g>
</svg>
More icons in the same style and category