Add icons to this collection by clicking the heart icon.
Online Class icon - also known as computer, education, user, study, knowledge, school, online, student, learning, boy, avatar, e learning, communications, online class, and course. Created in a clean flat style with a white, silver, gray, maroon, teal, orange, 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 512 512"
>
<path
fill="#8ac9fe"
d="M285.12 385h68.513c3.309 0 6 2.691 6 6v21.451h110.3v-69.425c0-28.448-23.061-51.509-51.509-51.509h-137.7c-5.055 0-9.934.741-14.55 2.098z"
/>
<path
fill="#fe7d43"
d="M447.243 327.974a7.498 7.498 0 0 0-10.245 2.745l-23.559 40.806h1.412c5.231 0 9.67 3.433 11.196 8.162l23.942-41.468a7.5 7.5 0 0 0-2.746-10.245z"
/>
<path
fill="#fd6930"
d="M447.243 327.974a7.498 7.498 0 0 0-10.245 2.745l-23.559 40.806h1.412c2.456 0 4.737.759 6.625 2.051l19.528-33.823a7.495 7.495 0 0 1 9.646-3.052c1.024-3.277-.31-6.939-3.407-8.727z"
/>
<path
fill="#eaf6ff"
d="m351.75 303.769 35.066 34.752c1.951 1.933 5.266.552 5.266-2.195v-53.669c0-5.69-4.612-10.302-10.302-10.302h-64.412c-5.69 0-10.302 4.612-10.302 10.302v53.669c0 2.747 3.315 4.129 5.266 2.195l35.066-34.752a3.092 3.092 0 0 1 4.352 0z"
/>
<path
fill="#d8ecfe"
d="M328.97 272.355h-11.602c-5.69 0-10.302 4.612-10.302 10.302v53.669c0 2.747 3.315 4.129 5.266 2.195l12.149-12.041v-43.823c0-3.532 1.779-6.646 4.489-8.502z"
/>
<path
fill="#fed2a4"
d="M356.787 265.88h-14.426c-4.625 0-9.112-.6-13.391-1.72v20.58c0 1.21.439 2.378 1.234 3.29l17.11 19.585a3.001 3.001 0 0 0 4.519 0l17.11-19.585a5 5 0 0 0 1.235-3.29v-20.58a52.817 52.817 0 0 1-13.391 1.72z"
/>
<path
fill="#ffbd86"
d="M351.027 288.029a4.999 4.999 0 0 1-1.234-3.289v-18.86h-7.432c-4.625 0-9.112-.6-13.391-1.72v20.58c0 1.21.439 2.378 1.234 3.289l17.11 19.585a3.001 3.001 0 0 0 4.519 0l8.152-9.331z"
/>
<path
fill="#883f2e"
d="M395.414 78.145h-16.422c-6.56-6.689-15.694-10.843-25.803-10.843H314.27c-29.108 0-52.704 23.597-52.704 52.704v57.884c4.718-4.291 10.961-6.931 17.826-6.931h10.04V160.27c0-13.649 11.105-24.755 24.754-24.755h70.776c13.649 0 24.754 11.105 24.754 24.755v10.689h10.04c6.864 0 13.108 2.641 17.826 6.931v-57.576c0-23.289-18.879-42.169-42.168-42.169z"
/>
<path
fill="#6d3326"
d="M288.432 160.269c0-11.156 7.094-20.653 17.017-24.232v-21.191c0-20.953 12.229-39.049 29.937-47.544H314.27c-29.108 0-52.704 23.596-52.704 52.704v57.884c4.718-4.291 10.961-6.931 17.826-6.931h9.04z"
/>
<path
fill="#ffbd86"
d="M289.432 212.95v-43.232h-10.04c-15.349 0-27.792 12.443-27.792 27.792 0 15.349 12.443 27.792 27.792 27.792h11.51a52.842 52.842 0 0 1-1.47-12.352z"
/>
<path
fill="#fed2a4"
d="M419.756 169.718h-10.04v43.232c0 4.253-.518 8.386-1.47 12.352h11.51c15.349 0 27.792-12.443 27.792-27.792 0-15.349-12.443-27.792-27.792-27.792z"
/>
<path
fill="#ffe5c2"
d="M356.787 266.88h-14.426c-29.784 0-53.929-24.145-53.929-53.929V160.27c0-14.224 11.531-25.755 25.755-25.755h70.776c14.224 0 25.755 11.531 25.755 25.755v52.681c-.002 29.784-24.147 53.929-53.931 53.929z"
/>
<path
fill="#fed2a4"
d="M314.72 212.95v-52.681c0-14.224 11.531-25.755 25.755-25.755h-26.289c-14.224 0-25.755 11.531-25.755 25.755v52.681c0 29.784 24.145 53.929 53.929 53.929h14.426a54.28 54.28 0 0 0 5.931-.332c-26.991-2.953-47.997-25.818-47.997-53.597z"
/>
<g fill="#d88a55">
<path
d="M367.589 221.823h-36.031c-4.142 0-7.5 3.357-7.5 7.5s3.358 7.5 7.5 7.5h36.031c4.142 0 7.5-3.357 7.5-7.5s-3.358-7.5-7.5-7.5zM327.371 186.943v-14.822c0-4.143-3.358-7.5-7.5-7.5s-7.5 3.357-7.5 7.5v14.822c0 4.143 3.358 7.5 7.5 7.5s7.5-3.357 7.5-7.5zM379.277 164.621a7.5 7.5 0 0 0-7.5 7.5v14.822c0 4.143 3.358 7.5 7.5 7.5s7.5-3.357 7.5-7.5v-14.822a7.5 7.5 0 0 0-7.5-7.5zM344.271 205.686c1.465 1.464 3.384 2.196 5.303 2.196s3.839-.732 5.304-2.197a7.5 7.5 0 0 0 0-10.606l-3.406-3.406 4.811-9.622a7.5 7.5 0 0 0-3.354-10.063 7.497 7.497 0 0 0-10.062 3.354l-7.229 14.458a7.5 7.5 0 0 0 1.405 8.658z"
/>
</g>
<path
fill="#6e61b6"
d="M290.811 412.451h69.822V391a7 7 0 0 0-7-7h-68.72z"
/>
<path
fill="#8379c1"
d="m49.254 411.451 6.632 1h234.925l.814-1-31.033-149.688a14.768 14.768 0 0 0-14.46-11.77H27.877c-6.241 0-10.907 5.733-9.64 11.844z"
/>
<path
fill="#6e61b6"
d="M71.576 249.994H27.877c-6.241 0-10.907 5.733-9.64 11.844l31.018 149.614h43.699L61.936 261.837c-1.267-6.111 3.399-11.843 9.64-11.843z"
/>
<ellipse
cx="149.595"
cy="335.153"
fill="#eaf6ff"
rx="32.004"
ry="38.166"
transform="rotate(-47.55 149.438 334.927)"
/>
<path
fill="#d8ecfe"
d="M176.189 361.253c-19.302 0-37.709-15.647-41.112-34.95-1.827-10.363 1.046-19.668 7.082-26.068-18.589.674-30.841 16.044-27.513 34.917 3.403 19.302 21.81 34.95 41.112 34.95 8.939 0 16.498-3.361 21.705-8.881-.423.015-.845.032-1.274.032z"
/>
<path
fill="#05e39c"
d="M220.467 95.467H24.732a5.15 5.15 0 0 0-5.151 5.151v92.716a5.15 5.15 0 0 0 5.151 5.151h81.214c1.84 0 3.541.982 4.461 2.575l9.516 16.483c1.19 2.06 4.163 2.06 5.353 0l9.516-16.483a5.15 5.15 0 0 1 4.461-2.575h81.213a5.15 5.15 0 0 0 5.151-5.151v-92.716a5.15 5.15 0 0 0-5.15-5.151z"
/>
<path
fill="#0ed290"
d="M61.803 193.334v-92.716a5.15 5.15 0 0 1 5.151-5.151H24.732a5.15 5.15 0 0 0-5.151 5.151v92.716a5.15 5.15 0 0 0 5.151 5.151h42.221a5.15 5.15 0 0 1-5.15-5.151z"
/>
<path
fill="#fed2a4"
d="M427.616 412.451V383.29c0-7.05-5.715-12.765-12.765-12.765h-14.222c-7.05 0-12.765 5.715-12.765 12.765v29.161z"
/>
<path
fill="#ffbd86"
d="M405.376 412.451V383.29c0-6.491 4.849-11.839 11.12-12.648a12.75 12.75 0 0 0-1.645-.118h-14.222c-7.05 0-12.765 5.715-12.765 12.765v29.161h17.512z"
/>
<path
fill="#ea9b58"
d="M506.849 444.698H5.151A5.15 5.15 0 0 1 0 439.547v-22.945a5.15 5.15 0 0 1 5.151-5.151h501.698a5.15 5.15 0 0 1 5.151 5.151v22.945a5.15 5.15 0 0 1-5.151 5.151z"
/>
<path
fill="#d88a55"
d="M58.205 439.547v-22.945a5.15 5.15 0 0 1 5.151-5.151H5.151A5.15 5.15 0 0 0 0 416.602v22.945a5.15 5.15 0 0 0 5.151 5.151h58.205a5.15 5.15 0 0 1-5.151-5.151z"
/>
<g fill="#6e61b6">
<path
d="M184.379 145.364h15.484c4.142 0 7.5-3.357 7.5-7.5s-3.358-7.5-7.5-7.5h-15.484c-4.142 0-7.5 3.357-7.5 7.5s3.358 7.5 7.5 7.5zM199.863 150.539h-15.484c-4.142 0-7.5 3.357-7.5 7.5s3.358 7.5 7.5 7.5h15.484c4.142 0 7.5-3.357 7.5-7.5s-3.358-7.5-7.5-7.5zM170.919 140.403a20.632 20.632 0 0 0-20.394-20.847c-5.57-.111-10.855 2.032-14.833 5.953a20.546 20.546 0 0 0-6.17 14.742c0 4.143 3.358 7.5 7.5 7.5s7.5-3.357 7.5-7.5c0-1.537.604-2.979 1.699-4.059a5.659 5.659 0 0 1 4.086-1.639c3.021.044 5.538 2.534 5.61 5.55l.001.192c-.008 1.163-.564 2.318-1.524 3.168l-22.342 19.768a7.5 7.5 0 0 0 4.97 13.117h26.397c4.142 0 7.5-3.357 7.5-7.5s-3.358-7.5-7.5-7.5h-6.602l7.518-6.651c4.144-3.668 6.544-8.877 6.584-14.294zM74.223 140.876l9.117-8.266a7.5 7.5 0 0 0-5.038-13.057H45.336c-4.142 0-7.5 3.357-7.5 7.5s3.358 7.5 7.5 7.5h13.528l-7.675 6.958a7.5 7.5 0 0 0 5.038 13.057h11.185c1.87 0 3.391 1.521 3.391 3.391s-1.521 3.391-3.391 3.391H45.336c-4.142 0-7.5 3.357-7.5 7.5s3.358 7.5 7.5 7.5h22.075c10.141 0 18.391-8.25 18.391-18.391 0-7.735-4.801-14.371-11.579-17.083zM122.01 134.406a7.501 7.501 0 0 0-10.606 0l-2.938 2.938-2.938-2.938a7.501 7.501 0 0 0-10.606 10.607l2.938 2.938-2.938 2.938a7.5 7.5 0 0 0 10.606 10.607l2.938-2.938 2.938 2.938c1.464 1.464 3.384 2.196 5.303 2.196s3.839-.732 5.303-2.196a7.5 7.5 0 0 0 0-10.607l-2.938-2.938 2.938-2.938a7.5 7.5 0 0 0 0-10.607z"
/>
</g>
</svg>
More icons in the same style and category