Add icons to this collection by clicking the heart icon.
Online Class icon - also known as education, online, video, online learning, conference, online class, and online course. Created in a clean outline color style with a black, 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 512 512"
>
<g>
<rect width="464" height="304" x="24" y="24" fill="#3f4452" rx="16" />
<path fill="#63eeff" d="M456 56v240H56V56z" />
<g fill="#3f4452">
<path
d="M344.57 88.63a72.56 72.56 0 0 0-60.8 112.18l-11.77 33L305 222a72.57 72.57 0 1 0 39.57-133.37z"
/>
<circle cx="80" cy="384" r="16" />
<circle cx="256" cy="384" r="16" />
<path
d="M78.77 435.16A52.83 52.83 0 0 0 25.94 488h105.67a52.84 52.84 0 0 0-52.84-52.84zM254.77 435.16A52.83 52.83 0 0 0 201.94 488h105.67a52.84 52.84 0 0 0-52.84-52.84z"
/>
<circle cx="432" cy="384" r="16" />
<path
d="M430.77 435.16A52.83 52.83 0 0 0 377.94 488h105.67a52.84 52.84 0 0 0-52.84-52.84z"
/>
</g>
<circle cx="168.65" cy="136.53" r="24.53" fill="#eb2335" />
<path
fill="#eb2335"
d="M166.77 215a81 81 0 0 0-81 81h162a81 81 0 0 0-81-81zM326.01 129.99v61.96l56.96-30.48z"
/>
<g fill="#1e120b">
<path
d="M472.07 15.42h-432a24 24 0 0 0-24 24v272a24 24 0 0 0 24 24h432a24 24 0 0 0 24-24v-272a24 24 0 0 0-24-24zm8 296a8 8 0 0 1-8 8h-432a8 8 0 0 1-8-8v-272a8 8 0 0 1 8-8h432a8 8 0 0 1 8 8z"
/>
<path
d="M456.07 47.42h-400a8 8 0 0 0-8 8v240a8 8 0 0 0 8 8h400a8 8 0 0 0 8-8v-240a8 8 0 0 0-8-8zm-361.8 240a73 73 0 0 1 145.16 0zm353.8 0H255.46a89 89 0 0 0-177.22 0H64.07v-224h384z"
/>
<path
d="M264.54 230.5c-2.41 6.09 4.16 12.63 10.23 10.22l29.34-10.48A80.6 80.6 0 1 0 275 201.15zm80.1-134.45a64.57 64.57 0 1 1-35.23 118.67 8 8 0 0 0-7.06-.84L285.29 220l6.09-17.05a8 8 0 0 0-.83-7.07 64.54 64.54 0 0 1 54.09-99.8zM104.07 383.42a24 24 0 1 0-24 24 24 24 0 0 0 24-24zm-32 0a8 8 0 1 1 8 8 8 8 0 0 1-8-8zM18 487.42v8h121.68v-8a60.84 60.84 0 1 0-121.67 0zm60.84-44.84A44.91 44.91 0 0 1 123 479.42H34.73a44.91 44.91 0 0 1 44.12-36.84zM280.07 383.42a24 24 0 1 0-24 24 24 24 0 0 0 24-24zm-32 0a8 8 0 1 1 8 8 8 8 0 0 1-8-8zM194 487.42v8h121.68v-8a60.84 60.84 0 1 0-121.67 0zm60.84-44.84A44.91 44.91 0 0 1 299 479.42h-88.27a44.91 44.91 0 0 1 44.12-36.84zM456.07 383.42a24 24 0 1 0-24 24 24 24 0 0 0 24-24zm-32 0a8 8 0 1 1 8 8 8 8 0 0 1-8-8zM370 487.42v8h121.68v-8a60.84 60.84 0 1 0-121.67 0zm60.84-44.84A44.91 44.91 0 0 1 475 479.42h-88.27a44.91 44.91 0 0 1 44.12-36.84zM168.73 168.49A32.54 32.54 0 1 0 136.19 136a32.57 32.57 0 0 0 32.54 32.49zm0-49.07A16.54 16.54 0 1 1 152.19 136a16.55 16.55 0 0 1 16.54-16.58z"
/>
<path
d="m386.91 153.89-57-31.48c-5.08-3-12.06 1.1-11.87 7v62c-.19 5.86 6.69 10 11.77 7l56.95-30.48c5.57-2.72 5.62-11.24.15-14.04zM334.09 178v-35l32.21 17.8z"
/>
</g>
</g>
</svg>
More icons in the same style and category