Add icons to this collection by clicking the heart icon.
Online Class icon - also known as education, student, learn, training, online shop, online class, course, elearning, and online course. Created in a clean outline color style with a white, silver, and gray 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"
>
<g>
<path
fill="#a5a5a8"
d="M56 8H8a4 4 0 0 0-4 4v34a4 4 0 0 0 4 4h12v4h23v-4h13a4 4 0 0 0 4-4V12a4 4 0 0 0-4-4z"
/>
<path
fill="#b0b0b3"
d="M17.326 42h40.06A2.614 2.614 0 0 0 60 39.386V12a4 4 0 0 0-4-4H12v28.674A5.327 5.327 0 0 0 17.326 42z"
/>
<path fill="#eaebef" d="M52 12h4v34H8V12h4z" />
<path
fill="#f4f4f4"
d="M17.326 42H56V12H12v24.674A5.327 5.327 0 0 0 17.326 42z"
/>
<path
fill="#e3e3e5"
d="M40 50h20a2 2 0 0 1 2 2v2a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2v-2a2 2 0 0 1 2-2h20l1 2h14z"
/>
<path
fill="#f4f4f4"
d="M60 50H40l-1 2H25l-1-2H8v.261A3.739 3.739 0 0 0 11.739 54h48.693A1.568 1.568 0 0 0 62 52.432V52a2 2 0 0 0-2-2z"
/>
<rect width="4" height="25" x="56" y="13" fill="#c0c0c2" rx="2" />
<path fill="#c0c0c2" d="M14 16h36v26H14z" />
<path
fill="#d9d9da"
d="M17 16h33v23H21.826A4.826 4.826 0 0 1 17 34.174V16z"
/>
<path fill="#428cea" d="M14 34h36v8H14z" />
<path
fill="#4fa5f2"
d="M17 34.174A4.826 4.826 0 0 0 21.826 39H50v-5H17z"
/>
<path fill="#f4f4f4" d="M17 37h4v2h-4zM23 37h24v2H23z" />
<circle cx="24" cy="25" r="3" fill="#4fa5f2" />
<path fill="#428cea" d="M19.1 34.008A5 5 0 1 1 28.9 34z" />
<path
fill="#4fa5f2"
d="m34 25-2 4h4.4a6.786 6.786 0 0 0 3.6 1c3.314 0 6-2.239 6-5s-2.686-5-6-5-6 2.239-6 5z"
/>
<path
fill="#f4f4f4"
d="M40 28.5a5.278 5.278 0 0 1-2.8-.771l-.37-.229h-2.4l1.07-2.146V25c0-1.93 2.019-3.5 4.5-3.5s4.5 1.57 4.5 3.5-2.019 3.5-4.5 3.5z"
/>
</g>
<path
d="M60 49h-.026A4.948 4.948 0 0 0 61 46V12a5.006 5.006 0 0 0-5-5H8a5.006 5.006 0 0 0-5 5v34a4.948 4.948 0 0 0 1.026 3H4a3 3 0 0 0-3 3v2a3 3 0 0 0 3 3h56a3 3 0 0 0 3-3v-2a3 3 0 0 0-3-3zM5 46V12a3 3 0 0 1 3-3h48a3 3 0 0 1 3 3v34a3 3 0 0 1-3 3H40a1 1 0 0 0-.9.553L38.382 51H25.618l-.718-1.447A1 1 0 0 0 24 49H8a3 3 0 0 1-3-3zm56 8a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1v-2a1 1 0 0 1 1-1h19.382l.723 1.447A1 1 0 0 0 25 53h14a1 1 0 0 0 .9-.553L40.618 51H60a1 1 0 0 1 1 1z"
/>
<path
d="M57 46V12a1 1 0 0 0-1-1H8a1 1 0 0 0-1 1v34a1 1 0 0 0 1 1h48a1 1 0 0 0 1-1zm-2-1H9V13h46z"
/>
<path
d="M14 43h36a1 1 0 0 0 1-1V16a1 1 0 0 0-1-1H14a1 1 0 0 0-1 1v26a1 1 0 0 0 1 1zm1-2v-6h34v6zm7-16a2 2 0 1 1 2 2 2 2 0 0 1-2-2zm2 4a4 4 0 0 1 4 4h-8a4 4 0 0 1 4-4zm25-12v16H30a6 6 0 0 0-3.107-5.253 4 4 0 1 0-5.786 0A6 6 0 0 0 18 33h-3V17z"
/>
<path
d="M17 37h4v2h-4zM23 37h24v2H23zM32 30h4.124A7.8 7.8 0 0 0 40 31c3.859 0 7-2.691 7-6s-3.141-6-7-6c-3.763 0-6.842 2.559-6.994 5.752l-1.9 3.8A1 1 0 0 0 32 30zm2.9-4.553A1 1 0 0 0 35 25c0-2.206 2.243-4 5-4s5 1.794 5 4-2.243 4-5 4a5.761 5.761 0 0 1-3.07-.848A1 1 0 0 0 36.4 28h-2.782z"
/>
</svg>
More icons in the same style and category