Add icons to this collection by clicking the heart icon.
Online Class icon - also known as computer, education, user, teacher, laptop, speech bubble, electronics, communications, online class, virtual class, elearning, online course, and online lesson. Created in a clean lineal color style with a white, silver, gray, black, yellow, magenta, 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 511.996 511.996"
>
<path
d="M441.319 78.682H98.054l-9.222 2.752-10.167 11.167-3.651 9v294.042l9.234 9 17.764 10.958h330.319l8.988-4.795c15.554 0 28.163-12.609 28.163-28.163V106.845c0-15.554-12.609-28.163-28.163-28.163z"
fill="#6b7ed9"
/>
<path
d="M78.015 382.643V106.845c0-15.554 12.609-28.163 28.162-28.163h-35.5c-15.553 0-28.162 12.609-28.162 28.163v275.798c0 15.554 12.609 28.163 28.163 28.163l4.337 4.795h35.5l-4.337-4.795c-15.555 0-28.163-12.61-28.163-28.163z"
fill="#4d66d2"
/>
<path
d="M433.248 140.934h-313.25v234.667l2.245 2.705h13.283l9.472-4.379h131.5l7.946 4.379h148.584a3.954 3.954 0 0 0 3.954-3.954v-229.09l-3.734-4.328z"
fill="#dbedff"
/>
<path
d="M120.889 374.352v-229.09l7.318-4.328H82.332l-7.318 4.328v229.09a3.954 3.954 0 0 0 3.954 3.954h45.875a3.955 3.955 0 0 1-3.954-3.954z"
fill="#b5dcff"
/>
<path
d="M494.351 410.805H329.542l-4.044 4.795h-136l-7.044-4.795H74.756l-4.591 2.295-1.833 4.833V452.1l10 14.167 15.339 8.729h375.256c19.645 0 35.569-15.925 35.569-35.569v-18.476c0-5.603-4.542-10.146-10.145-10.146z"
fill="#dbedff"
/>
<path
d="M70.167 439.427v-18.476c0-5.603 4.542-10.145 10.145-10.145H17.645c-5.603 0-10.145 4.542-10.145 10.145v18.476c0 19.644 15.925 35.569 35.569 35.569h62.667c-19.644 0-35.569-15.925-35.569-35.569zM245.121 410.805l-1.123 1.962v26.25l6.428 3.884h69.414c5.358 0 9.702-4.344 9.702-9.702v-22.393h-84.421z"
fill="#b5dcff"
/>
<path
d="M245.121 433.199v-22.393h-62.667v22.393c0 5.358 4.344 9.702 9.702 9.702h62.667c-5.358 0-9.702-4.344-9.702-9.702z"
fill="#8bcaff"
/>
<path
d="M433.028 111.182H120.889l-2.016 2.96v28.375l2.016 2.745h316.093v-30.126a3.954 3.954 0 0 0-3.954-3.954z"
fill="#60b9fe"
/>
<path
d="M120.889 111.182H78.968a3.954 3.954 0 0 0-3.954 3.954v30.126h45.875v-34.08z"
fill="#ff72c7"
/>
<path
d="M479.163 37H228.58a1697.47 1697.47 0 0 0-7.582 4.426l-10.032 11V170.76l8.365 9.667 13.421 7.24h38.401a12.67 12.67 0 0 1 7.888 2.76h41.582l7.309 4.568.16-.321a12.678 12.678 0 0 1 11.34-7.007h139.73c13.991 0 25.333-11.342 25.333-25.333v-100C504.496 48.342 493.154 37 479.163 37z"
fill="#ffe559"
/>
<path
d="M217.163 162.333v-100c0-13.991 11.342-25.333 25.333-25.333h-46c-13.991 0-25.333 11.342-25.333 25.333v100c0 13.991 11.342 25.333 25.333 25.333h46c-13.991.001-25.333-11.341-25.333-25.333zM317.153 187.667h-46a12.68 12.68 0 0 1 11.34 7.007l15.275 30.544c3.101 6.2 11.948 6.2 15.049 0l15.276-30.544c.063-.125.134-.245.2-.367a12.673 12.673 0 0 0-11.14-6.64z"
fill="#ffd500"
/>
<path
d="m369.26 107.752-18.651-12.757-3.861 2.931v28.5l3.861 4.404 18.651-12.757c3.63-2.482 3.63-7.838 0-10.321z"
fill="#6b7ed9"
/>
<path
d="m350.609 94.995-11.591-7.928c-4.15-2.839-9.782.133-9.782 5.16v41.37c0 5.027 5.633 7.999 9.782 5.16l11.591-7.928V94.995z"
fill="#4d66d2"
/>
<path
d="M232.985 227.284h-8.987l-17.168 26.143s-1.169 20.5 0 21.25c1.168.75 6.918 15.5 6.918 15.5l16.062 13.804c14.316-7.249 24.135-22.089 24.135-39.233 0-15.846-8.386-29.729-20.96-37.464z"
fill="#ffcebe"
/>
<path
d="M212.025 264.748c0-15.846 8.387-29.729 20.96-37.464a43.748 43.748 0 0 0-23-6.496c-24.279 0-43.96 19.682-43.96 43.96 0 24.278 19.682 43.96 43.96 43.96a43.748 43.748 0 0 0 23-6.496c-12.573-7.735-20.96-21.619-20.96-37.464z"
fill="#ffb1a0"
/>
<path
d="M235.31 308.708h-17.138l-23.924 9.718-16 19.25v35.25l3.278 5.38h102.919v-20.463c0-27.137-21.999-49.135-49.135-49.135z"
fill="#ff72c7"
/>
<path
d="M230.66 308.708h-46c-27.136 0-49.135 21.998-49.135 49.135v20.463h46v-20.463c.001-27.137 21.999-49.135 49.135-49.135z"
fill="#ff4fb9"
/>
<circle
cx="209.985"
cy="264.748"
r="43.96"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path
d="M339.432 187.667a12.68 12.68 0 0 0-11.34 7.007l-15.276 30.544c-3.101 6.2-11.948 6.2-15.049 0l-15.275-30.543a12.68 12.68 0 0 0-11.34-7.008h-74.657c-13.991 0-25.333-11.342-25.333-25.333v-51.151H78.968a3.954 3.954 0 0 0-3.954 3.954v259.216a3.954 3.954 0 0 0 3.954 3.954h354.06a3.954 3.954 0 0 0 3.954-3.954V187.667h-97.55z"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path
d="M235.31 308.708h-50.65c-27.136 0-49.135 21.998-49.135 49.135v20.463h148.919v-20.463c.001-27.137-21.998-49.135-49.134-49.135zM494.351 410.805H17.645c-5.603 0-10.145 4.542-10.145 10.145v18.476c0 19.644 15.925 35.569 35.569 35.569h425.858c19.644 0 35.569-15.925 35.569-35.569V420.95c0-5.602-4.542-10.145-10.145-10.145z"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path
d="M182.454 410.805v22.393c0 5.358 4.344 9.702 9.702 9.702H319.84c5.358 0 9.702-4.344 9.702-9.702v-22.393H182.454zM171.163 111.182H78.968a3.954 3.954 0 0 0-3.954 3.954v30.126h96.149v-34.08z"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path
d="M120.889 111.182H78.968a3.954 3.954 0 0 0-3.954 3.954v30.126h45.875v-34.08zM218.466 94.642h76.512M256.724 94.015V75.658M236.87 94.778s4.358 43.578 57.136 54.23"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path
d="M276.575 94.778s-4.358 43.578-57.136 54.23M457.192 149.008l-27.799-73.351-27.799 73.351M412.967 130.866h33.134M329.236 92.228v41.37c0 5.027 5.633 7.999 9.782 5.16l30.241-20.685c3.63-2.483 3.63-7.839 0-10.322l-30.241-20.685c-4.149-2.837-9.782.134-9.782 5.162z"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path
d="M324.825 37H196.496c-13.991 0-25.333 11.342-25.333 25.333v100c0 13.991 11.342 25.333 25.333 25.333h74.657a12.68 12.68 0 0 1 11.34 7.007l15.275 30.544c3.101 6.2 11.948 6.2 15.049 0l15.276-30.544a12.678 12.678 0 0 1 11.34-7.007h139.73c13.991 0 25.333-11.342 25.333-25.333v-100c0-13.991-11.342-25.333-25.333-25.333H359.825"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path
d="M469.482 271.072v-83.405h-130.05a12.68 12.68 0 0 0-11.34 7.007l-15.276 30.544c-3.101 6.2-11.948 6.2-15.049 0l-15.275-30.543a12.68 12.68 0 0 0-11.34-7.008h-74.657c-13.991 0-25.333-11.342-25.333-25.333V78.682H70.677c-15.554 0-28.162 12.609-28.162 28.162v275.798c0 15.554 12.609 28.163 28.163 28.163H441.32c15.554 0 28.163-12.609 28.163-28.163v-76.571"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
</svg>
More icons in the same style and category