Add icons to this collection by clicking the heart icon.
Online Class icon - also known as education, studying, teacher, online education, seminar, communications, online class, online course, and webinar. Created in a clean outline color style with a white, silver, olive, and pink 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 100 100"
>
<rect
width="85.65"
height="52.54"
x="7.21"
y="8.45"
fill="#5abde0"
rx="2.23"
/>
<path
d="M90.63 62H9.44a3.23 3.23 0 0 1-3.23-3.23V10.68a3.23 3.23 0 0 1 3.23-3.23h81.19a3.23 3.23 0 0 1 3.23 3.23v48.08A3.23 3.23 0 0 1 90.63 62zM9.44 9.45a1.23 1.23 0 0 0-1.23 1.23v48.08A1.23 1.23 0 0 0 9.44 60h81.19a1.24 1.24 0 0 0 1.23-1.23V10.68a1.24 1.24 0 0 0-1.23-1.23z"
/>
<path fill="#b3b3b3" d="M55.85 71.75h-11.7l1.87-15.94h7.96z" />
<path
d="M55.85 72.75h-11.7a1 1 0 0 1-.75-.34 1 1 0 0 1-.25-.78L45 55.69a1 1 0 0 1 1-.88h8a1 1 0 0 1 1 .88l1.88 15.94a1 1 0 0 1-.25.78 1 1 0 0 1-.78.34zm-10.58-2h9.46l-1.64-13.94h-6.18z"
/>
<path
fill="#ccc"
d="M38 69.66h24a2.49 2.49 0 0 1 2.49 2.49v2.48a.66.66 0 0 1-.66.66H36.21a.66.66 0 0 1-.66-.66v-2.48A2.49 2.49 0 0 1 38 69.66z"
/>
<path
d="M63.79 76.29H36.21a1.66 1.66 0 0 1-1.66-1.66v-2.48A3.49 3.49 0 0 1 38 68.66h24a3.49 3.49 0 0 1 3.49 3.49v2.48a1.66 1.66 0 0 1-1.7 1.66zm-27.24-2h26.9v-2.14A1.49 1.49 0 0 0 62 70.66H38a1.49 1.49 0 0 0-1.49 1.49z"
/>
<path
fill="#ccc"
d="M7.17 54h85.65v4.8A2.23 2.23 0 0 1 90.6 61H9.4a2.23 2.23 0 0 1-2.23-2.23V54z"
/>
<path
d="M90.6 62H9.4a3.23 3.23 0 0 1-3.23-3.23V54a1 1 0 0 1 1-1h85.65a1 1 0 0 1 1 1v4.8A3.23 3.23 0 0 1 90.6 62zM8.17 55v3.8A1.24 1.24 0 0 0 9.4 60h81.2a1.23 1.23 0 0 0 1.22-1.23V55z"
/>
<path
d="M64.74 61H9.53a2.36 2.36 0 0 1-2.36-2.35V10.82a2.36 2.36 0 0 1 2.36-2.36h7.38a2.39 2.39 0 0 0-1.66.69 2.35 2.35 0 0 0-.69 1.67A50.18 50.18 0 0 0 64.74 61z"
opacity=".1"
/>
<path
fill="#ccc"
d="M75.72 94.55H24.28a2.37 2.37 0 0 1-2.11-3.43l5.89-11.6a2.37 2.37 0 0 1 2.11-1.29h39.66a2.37 2.37 0 0 1 2.11 1.29l5.89 11.6a2.37 2.37 0 0 1-2.11 3.43z"
/>
<path
d="M75.72 95.55H24.28a3.38 3.38 0 0 1-3-4.89l5.89-11.59a3.33 3.33 0 0 1 3-1.84h39.66a3.33 3.33 0 0 1 3 1.84l5.89 11.59a3.38 3.38 0 0 1-3 4.89zM30.17 79.23A1.35 1.35 0 0 0 29 80l-5.88 11.6a1.36 1.36 0 0 0 1.21 2h51.39a1.36 1.36 0 0 0 1.21-2L71.05 80a1.35 1.35 0 0 0-1.22-.74z"
/>
<path
d="M75.72 94.55H24.28a2.37 2.37 0 0 1-2.11-3.43l5.89-11.6a2.36 2.36 0 0 1 1.26-1.13 10.36 10.36 0 0 0 10 13.16H78a2.37 2.37 0 0 1-2.28 3z"
opacity=".1"
/>
<rect width="20.66" height="7.01" x="39.67" y="5" fill="#ccc" rx="1.36" />
<path
d="M59 13H41a2.36 2.36 0 0 1-2.36-2.36V6.36A2.36 2.36 0 0 1 41 4h18a2.36 2.36 0 0 1 2.36 2.36v4.29A2.36 2.36 0 0 1 59 13zM41 6a.36.36 0 0 0-.36.36v4.29A.36.36 0 0 0 41 11h18a.36.36 0 0 0 .36-.36V6.36A.36.36 0 0 0 59 6z"
/>
<circle cx="50.06" cy="8.52" r="1.87" />
<path
fill="#edc196"
d="M69.26 12.48h3.93a5.75 5.75 0 0 1 5.75 5.75v9.39a7.44 7.44 0 0 1-7.44 7.44h-.55a7.44 7.44 0 0 1-7.44-7.44v-9.39a5.75 5.75 0 0 1 5.75-5.75z"
/>
<path
d="M71.5 36.06h-.56a8.45 8.45 0 0 1-8.44-8.44v-9.39a6.76 6.76 0 0 1 6.76-6.75h3.92a6.76 6.76 0 0 1 6.76 6.75v9.39a8.45 8.45 0 0 1-8.44 8.44zm-2.24-22.58a4.76 4.76 0 0 0-4.76 4.75v9.39a6.45 6.45 0 0 0 6.44 6.44h.56a6.45 6.45 0 0 0 6.44-6.44v-9.39a4.76 4.76 0 0 0-4.76-4.75z"
/>
<path
d="M72.72 35a6.15 6.15 0 0 1-1.22.11h-.56a7.44 7.44 0 0 1-7.44-7.44v-9.44a5.75 5.75 0 0 1 5.76-5.75h3a5.75 5.75 0 0 0-5.76 5.75v9.39A7.42 7.42 0 0 0 72.72 35z"
opacity=".05"
/>
<path
fill="#8c6239"
d="M63.5 24.11a9.72 9.72 0 0 0 .93-2.73c.37-2.22.48-5 1.56-5.06 0 0 7.54 3.57 11.68 1.61a7.93 7.93 0 0 1 .65 2.47c.13 1.63-.12 3.55.62 4.05a51.72 51.72 0 0 0 1.13-6.05c.21-2-5.48-11.74-14.41-4.8 0 0-4.75.81-2.16 10.51z"
/>
<path
d="M78.94 25.46a1 1 0 0 1-.57-.18c-1-.66-1-2-1-3.48 0-.44 0-.89-.05-1.32a6.24 6.24 0 0 0-.24-1.27c-3.85 1.07-9.2-1-11-1.73a15.86 15.86 0 0 0-.51 2.67c-.07.47-.13.94-.21 1.39a10.82 10.82 0 0 1-1 3.05 1 1 0 0 1-1 .52 1 1 0 0 1-.85-.74c-1.17-4.38-1.08-7.67.28-9.78a4.38 4.38 0 0 1 2.39-1.9c4.65-3.53 8.37-2.77 10.69-1.49 3.24 1.8 5.34 5.61 5.17 7.3a54.05 54.05 0 0 1-1.16 6.2 1 1 0 0 1-.62.69 1.15 1.15 0 0 1-.32.07zm-7.1-13.33a9.26 9.26 0 0 0-5.57 2.26 1 1 0 0 1-.45.2 2.39 2.39 0 0 0-1.36 1.14 6.47 6.47 0 0 0-.73 3.48c.29-2 .68-3.81 2.21-3.89a1 1 0 0 1 .48.09c2 .94 7.79 3.05 10.82 1.61a1 1 0 0 1 1.33.47 10.13 10.13 0 0 1 .43 1.27v-.46c0-.63-1.37-3.84-4.2-5.37a6.31 6.31 0 0 0-2.96-.8z"
/>
<path
d="M76.85 13.08c-2.43-1.24-5.66-1.33-9.5 1.65 0 0-3.32.57-2.89 6.42v.23a9.72 9.72 0 0 1-.93 2.73c-2.59-9.7 2.15-10.51 2.15-10.51 4.79-3.73 8.66-2.6 11.17-.52z"
opacity=".05"
/>
<path
fill="#e6e6e6"
d="M67.26 38h7.79a8.63 8.63 0 0 1 8.63 8.63v4.53h-25v-4.5A8.63 8.63 0 0 1 67.26 38z"
/>
<path
d="M83.68 52.18H58.63a1 1 0 0 1-1-1v-4.52A9.64 9.64 0 0 1 67.26 37h7.8a9.64 9.64 0 0 1 9.62 9.63v4.52a1 1 0 0 1-1 1.03zm-24.05-2h23.05v-3.52A7.63 7.63 0 0 0 75.06 39h-7.8a7.64 7.64 0 0 0-7.63 7.63z"
/>
<path
d="M71.26 38a8.63 8.63 0 0 0-8.63 8.63v4.52h-4v-4.49A8.63 8.63 0 0 1 67.26 38z"
opacity=".05"
/>
<path
fill="#edc196"
d="M74.59 38.3a3.37 3.37 0 0 1-6.74 0v-.25H74.57c.01.09.02.17.02.25z"
/>
<path
d="M71.22 42.67a4.37 4.37 0 0 1-4.37-4.37v-.32a1 1 0 0 1 1-.93h6.84a1 1 0 0 1 .93.93v.31a4.37 4.37 0 0 1-4.4 4.38zM69 39a2.37 2.37 0 0 0 4.51 0z"
/>
</svg>
More icons in the same style and category