Add icons to this collection by clicking the heart icon.
Online Class icon - also known as education, people, online, class, train, video, online learning, seminar, online class, and course. Created in a clean outline color style with a white, gray, red, and teal 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
d="M59 7v29.95a3.999 3.999 0 0 1-4 4L9 41a3.999 3.999 0 0 1-4-4V7a4.012 4.012 0 0 1 4-4h46a4.012 4.012 0 0 1 4 4Z"
fill="#348fd9"
/>
<path d="M17-1h30v46H17z" transform="rotate(90 32 22)" fill="#fff" />
<path d="m41 22-14-8v16l14-8z" fill="#de4132" />
<path d="M36.375 19.357 27 24.714V30l14-8-4.625-2.643z" opacity=".2" />
<path
d="M59 7v29.95a3.999 3.999 0 0 1-4 4L9 41a3.999 3.999 0 0 1-4-4v-1h14a32.914 32.914 0 0 0 23.34-9.66A32.914 32.914 0 0 0 52 3h3a4.012 4.012 0 0 1 4 4Z"
opacity=".2"
/>
<path
d="M14.917 47.241a6 6 0 1 0-5.834 0A7.996 7.996 0 0 0 3 55v6h18v-6a7.996 7.996 0 0 0-6.083-7.759ZM34.917 47.241a6 6 0 1 0-5.834 0A7.996 7.996 0 0 0 23 55v6h18v-6a7.996 7.996 0 0 0-6.083-7.759ZM54.917 47.241a6 6 0 1 0-5.834 0A7.996 7.996 0 0 0 43 55v6h18v-6a7.996 7.996 0 0 0-6.083-7.759Z"
fill="#44546c"
/>
<path
d="M54.917 47.241a5.994 5.994 0 0 0-2.575-11.224 5.998 5.998 0 0 1-.425 10.224A7.996 7.996 0 0 1 58 54a6 6 0 0 1-6 6h-9v1h18v-6a7.996 7.996 0 0 0-6.083-7.759ZM34.917 47.241a5.994 5.994 0 0 0-2.575-11.224 5.998 5.998 0 0 1-.425 10.224A7.996 7.996 0 0 1 38 54a6 6 0 0 1-6 6h-9v1h18v-6a7.996 7.996 0 0 0-6.083-7.759ZM14.917 47.241a5.994 5.994 0 0 0-2.574-11.224 5.998 5.998 0 0 1-.426 10.224A7.996 7.996 0 0 1 18 54a6 6 0 0 1-6 6H3v1h18v-6a7.996 7.996 0 0 0-6.083-7.759Z"
opacity=".2"
/>
<path
d="M24 4h31a3.003 3.003 0 0 1 3 3v29.85a1 1 0 0 0 2 0V7a5.006 5.006 0 0 0-5-5H24a1 1 0 0 0 0 2ZM19 4h1.985a1 1 0 0 0 0-2H19a1 1 0 0 0 0 2Z"
/>
<path
d="M56.969 46.927A6.998 6.998 0 1 0 45.295 40h-6.59a6.97 6.97 0 0 0-.97-2h6.605a1 1 0 0 0 0-2h-8.383a.969.969 0 0 0-.278.056 6.937 6.937 0 0 0-7.369.007A.978.978 0 0 0 28 36h-7.979a1 1 0 0 0 0 2h6.243a6.968 6.968 0 0 0-.97 2h-6.59A6.985 6.985 0 0 0 10 35.295V8h44v24.809a1 1 0 0 0 2 0V7a1 1 0 0 0-1-1H9a1 1 0 0 0-1 1v28.936a.974.974 0 0 0 .058.285 7.058 7.058 0 0 0-1.846 1.849A2.977 2.977 0 0 1 6 37V7a3.003 3.003 0 0 1 3-3h5.915a1 1 0 0 0 0-2H9a5.006 5.006 0 0 0-5 5v30a4.98 4.98 0 0 0 1.226 3.267 6.935 6.935 0 0 0 1.805 6.66A8.97 8.97 0 0 0 2 55v6a1 1 0 0 0 1 1h18a1 1 0 0 0 1-1 1 1 0 0 0 1 1h18a1 1 0 0 0 1-1 1 1 0 0 0 1 1h18a1 1 0 0 0 1-1v-6a8.97 8.97 0 0 0-5.031-8.073ZM20 60H4v-5a6.978 6.978 0 0 1 5.322-6.788 1 1 0 0 0 .248-1.844 5 5 0 1 1 4.86 0 1 1 0 0 0 .248 1.844A6.978 6.978 0 0 1 20 55Zm2-5a8.97 8.97 0 0 0-5.031-8.073A7.004 7.004 0 0 0 19 42h6a7.004 7.004 0 0 0 2.031 4.927A8.97 8.97 0 0 0 22 55Zm18 5H24v-5a6.978 6.978 0 0 1 5.322-6.788 1 1 0 0 0 .248-1.844 5 5 0 1 1 4.86 0 1 1 0 0 0 .248 1.844A6.978 6.978 0 0 1 40 55Zm2-5a8.97 8.97 0 0 0-5.031-8.073A7.004 7.004 0 0 0 39 42h6a7.004 7.004 0 0 0 2.031 4.927A8.97 8.97 0 0 0 42 55Zm18 5H44v-5a6.978 6.978 0 0 1 5.322-6.788 1 1 0 0 0 .248-1.844 5 5 0 1 1 4.86 0 1 1 0 0 0 .248 1.844A6.978 6.978 0 0 1 60 55Z"
/>
<path
d="M27.496 13.132A1 1 0 0 0 26 14v16a1 1 0 0 0 1.496.868l14-8a1 1 0 0 0 0-1.736ZM28 28.277V15.723L38.984 22Z"
/>
</g>
</svg>
More icons in the same style and category