Add icons to this collection by clicking the heart icon.
Online Class icon - also known as computer, education, presentation, teacher, teaching, online class, learning online, and elearning. Created in a clean lineal color style, 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="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0v-240.22h-497V0c0 7.471 6.06 13.53 13.53 13.53h469.94C-6.06 13.53 0 7.471 0 0"
transform="translate(504.5 421.59)"
fill="#6c7fd8"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-10.285 0-18.623 8.338-18.623 18.623v3.165c0 10.285 8.338 18.623 18.623 18.623h33.064c18.392 0 33.302-14.909 33.302-33.301V0Z"
transform="translate(333.38 349.833)"
fill="#4f66d0"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-32.244c-9.422 0-17.061 7.639-17.061 17.061V64.31h66.366V17.061C17.061 7.639 9.423 0 0 0"
transform="translate(382.685 285.523)"
fill="#4f66d0"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-170.92c0-8.12-6.59-14.71-14.72-14.71h-204.54c-8.13 0-14.72 6.59-14.72 14.71V0Z"
transform="translate(257.71 435.12)"
fill="#4f66d0"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-154.81c-2.3 0-4.3 1.58-4.83 3.81l-10.6 44.39c-.95 3.99-5.07 6.35-8.99 5.16h.001l-1.19 25.143a8.496 8.496 0 0 1-4.756 7.232l-8.585 4.198-6.807 15.111a5.209 5.209 0 0 1-6.352 2.818l-9.991-3.228a5.212 5.212 0 0 1-3.505-5.992l6.513-32.157 11.434-20.173-.002-.002a7.123 7.123 0 0 1-4.89-8.331l14.86-68.289c2.2-10.14 11.17-17.39 21.55-17.419l57.86-.161a8.136 8.136 0 0 0 8.12-8.14v-21.81H24.61v53.23C24.61-11.021 13.59 0 0 0"
transform="translate(402.75 259.21)"
fill="#4f66d0"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-47.065c7.472 0 13.529-6.058 13.529-13.529v-240.222h47.065v240.222C13.529-6.058 7.472 0 0 0"
transform="translate(490.97 435.122)"
fill="#4f66d0"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-497v-41.381c0-7.472 6.057-13.529 13.529-13.529h469.942C-6.057-54.91 0-48.853 0-41.381Z"
transform="translate(504.5 181.371)"
fill="#9facba"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-41.381C0-48.853-6.057-54.91-13.529-54.91h47.065c7.472 0 13.529 6.057 13.529 13.529V0Z"
transform="translate(457.435 181.371)"
fill="#8d9ca8"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-39.198C0-52.797-11.023-63.82-24.622-63.82h-3.108c-13.598 0-24.622 11.023-24.622 24.622V0h-32.155v-116.662H32.155V0Z"
transform="translate(282.176 126.46)"
fill="#8d9ca8"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-39.199c0-.18-.01-.359-.014-.537v-76.926h32.169V0Z"
transform="translate(282.176 126.46)"
fill="#7a8d98"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-202.43c0-1.75-.31-3.43-.87-4.99-2.04-5.67-7.47-9.72-13.84-9.72h-204.55c-8.13 0-14.71 6.59-14.71 14.71V0z"
transform="translate(280.15 466.63)"
fill="#fee97d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-202.428c0-8.125-6.587-14.712-14.712-14.712h-182.111H7.734c6.04 0 11.241 3.651 13.5 8.869a14.576 14.576 0 0 1 1.21 5.841V0z"
transform="translate(257.706 466.63)"
fill="#f9da55"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-2.04-5.67-7.47-9.72-13.84-9.72h-59.67l-10.38 47.699a7.222 7.222 0 0 0-.16 1.521c0 3.08 2 5.88 5.05 6.81l-11.43 20.18-6.51 32.15a5.2 5.2 0 0 0 3.5 5.99l9.99 3.23c2.53.821 5.26-.4 6.35-2.82l6.81-15.109 8.58-4.191a8.519 8.519 0 0 0 4.76-7.24l1.19-25.14c3.92 1.19 8.04-1.17 8.989-5.16L-36.17 3.81A4.965 4.965 0 0 1-31.34 0Z"
transform="translate(279.28 259.21)"
fill="#f9da55"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-204.548c-8.125 0-14.712-6.587-14.712-14.712v-20.856H14.712v20.856C14.712-6.587 8.125 0 0 0"
transform="translate(265.437 502.201)"
fill="#62dbfb"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-22.443c8.125 0 14.712-6.587 14.712-14.712v-20.856h22.443v20.856C14.712-6.587 8.125 0 0 0"
transform="translate(265.437 502.201)"
fill="#01d0fb"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-10.285 0-18.623 8.338-18.623 18.623v3.165c0 10.285 8.338 18.623 18.623 18.623h33.064c18.392 0 33.302-14.909 33.302-33.301V0Z"
transform="translate(351.827 349.833)"
fill="#9facba"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-18.446C-.054 0 14.855-14.909 14.855-33.301v-7.109h18.447v7.109C33.302-14.909 18.392 0 0 0"
transform="translate(384.891 390.244)"
fill="#8d9ca8"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-32.244c-9.423 0-17.061 7.639-17.061 17.061V64.31h66.366V17.061C17.061 7.639 9.422 0 0 0"
transform="translate(401.132 285.523)"
fill="#fff9df"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-47.25c0-9.422-7.638-17.061-17.061-17.061H1.385c9.423 0 17.061 7.639 17.061 17.061V0Z"
transform="translate(399.747 349.834)"
fill="#fff0ad"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-53.229h-129.58v21.809c0 4.49-3.63 8.131-8.12 8.141l-57.86.16c-10.38.029-19.35 7.279-21.55 17.42l-14.86 68.289a7.122 7.122 0 0 0 4.89 8.33l9.47 2.871 13.77 4.18c3.92 1.189 8.04-1.17 8.99-5.16l10.6-44.391a4.965 4.965 0 0 1 4.83-3.81h154.81C-11.02 24.61 0 13.59 0 0"
transform="translate(449.8 234.6)"
fill="#a2e62e"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-18.98c-2.3 0-4.3 1.58-4.83 3.81l-10.6 44.39c-.16.69-.42 1.321-.75 1.901l10.74 3.259c3.92 1.19 8.04-1.17 8.99-5.16l10.6-44.39A4.965 4.965 0 0 1 0 0"
transform="translate(270.38 259.21)"
fill="#95ce25"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-53.229h-18.98V0c0 13.59-11.02 24.61-24.61 24.61h18.98C-11.02 24.61 0 13.59 0 0"
transform="translate(449.8 234.6)"
fill="#95ce25"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-29.474v-31.939c0-8.139 6.599-14.737 14.737-14.737C-6.598-46.676 0-40.078 0-31.939z"
transform="translate(399.747 285.523)"
fill="#fff0ad"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-1.189 25.144a8.497 8.497 0 0 1-4.756 7.231l-8.585 4.197-6.807 15.112a5.211 5.211 0 0 1-6.352 2.818l-9.991-3.229a5.211 5.211 0 0 1-3.505-5.992l6.513-32.156 11.433-20.174z"
transform="translate(245.96 312.57)"
fill="#fff9df"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a8.493 8.493 0 0 1-4.755 7.232l-8.585 4.198-6.807 15.111a5.21 5.21 0 0 1-6.353 2.818l-9.991-3.228a5.378 5.378 0 0 1-.769-.33l6.473-14.371 8.585-4.198A8.496 8.496 0 0 0-17.446 0l1.19-25.143-8.352-2.533 2.559-4.515 23.238 7.048z"
transform="translate(244.77 337.713)"
fill="#fff0ad"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h175.293c7.47 0 13.53-6.061 13.53-13.53v-240.22h-497v240.22c0 7.469 6.06 13.53 13.53 13.53h25.15"
transform="translate(315.677 435.12)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-497v-41.381c0-7.472 6.057-13.529 13.529-13.529h469.942C-6.057-54.91 0-48.853 0-41.381Z"
transform="translate(504.5 181.371)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-39.198C0-52.797-11.023-63.82-24.622-63.82h-3.108c-13.598 0-24.622 11.023-24.622 24.622V0h-32.155v-116.662H32.155V0Z"
transform="translate(282.176 126.46)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-247.413"
transform="translate(379.707 9.799)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-22.7"
transform="translate(446.26 149.161)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h23.352"
transform="translate(95.024 343.176)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h57.543"
transform="translate(95.024 316.247)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h57.543"
transform="translate(95.024 289.307)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 41.949 31.19c3.445 2.492 8.23 2.808 12.039.795l22.511-11.889c3.709-1.96 8.357-1.715 11.79.621l51.4 34.973"
transform="translate(95.024 376.872)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 20.334-2.101-2.322-18.387"
transform="translate(214.38 434.675)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v0c-10.285 0-18.623 8.338-18.623 18.623v3.165c0 10.285 8.338 18.623 18.623 18.623h33.064c18.392 0 33.302-14.909 33.302-33.301V0Z"
transform="translate(351.827 349.833)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-32.244c-9.423 0-17.061 7.639-17.061 17.061V64.31h66.366V17.061C17.061 7.639 9.422 0 0 0Z"
transform="translate(401.132 285.523)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-29.474v-31.939c0-8.139 6.599-14.737 14.737-14.737C-6.598-46.676 0-40.078 0-31.939z"
transform="translate(399.747 285.523)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-1.189 25.144a8.497 8.497 0 0 1-4.756 7.231l-8.585 4.197-6.807 15.112a5.211 5.211 0 0 1-6.352 2.818l-9.991-3.229a5.211 5.211 0 0 1-3.505-5.992l6.513-32.156 11.433-20.174z"
transform="translate(245.96 312.57)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-24.375c-8.131 0-14.71 6.59-14.71 14.71v202.43h233.969V14.71c0-1.75-.308-3.428-.869-4.985"
transform="translate(85.266 249.49)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-107.792"
transform="translate(228.21 249.49)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-204.548c-8.125 0-14.712-6.587-14.712-14.712v-20.856H14.712v20.856C14.712-6.587 8.125 0 0 0Z"
transform="translate(265.437 502.201)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-11.807"
transform="translate(385.01 238.848)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-8.57"
transform="translate(385.01 321.45)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h24.75c13.591 0 24.61-11.021 24.61-24.61v-53.23H-80.22v21.81c0 4.49-3.63 8.131-8.119 8.14l-57.86.161c-10.381.029-19.35 7.279-21.551 17.419l-14.859 68.289a7.123 7.123 0 0 0 4.889 8.331l9.47 2.871 13.771 4.179c3.919 1.19 8.04-1.17 8.99-5.16l10.599-44.39A4.966 4.966 0 0 1-130.06 0h99.893"
transform="translate(400.44 259.21)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category