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 lineal color style with a white, silver, gray, black, 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="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 0h-133.665c-27.614 0-50-22.386-50-50v-84.628H50V-50C50-22.386 27.614 0 0 0"
transform="translate(413.665 221.523)"
fill="#8ac9fe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-133.665c-27.614 0-50-22.386-50-50v-84.628H50V-50C50-22.386 27.614 0 0 0Z"
transform="translate(413.665 221.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 44 76.21"
transform="translate(394 103.62)"
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 34.039-33.734c1.894-1.877 5.111-.536 5.111 2.13v52.097c0 5.523-4.477 10-10 10h-62.524c-5.523 0-10-4.477-10-10v-52.097c0-2.666 3.218-4.007 5.112-2.13L-4.224 0A3.002 3.002 0 0 0 0 0"
transform="translate(348.944 209.63)"
fill="#eaf6ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 5.522 4.477 10 10 10H-6.905c-5.523 0-10-4.478-10-10v-52.097c0-2.666 3.217-4.007 5.112-2.131L0-42.54Z"
transform="translate(322.476 230.124)"
fill="#d8ecfe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 34.039-33.734c1.894-1.877 5.111-.536 5.111 2.13v52.097c0 5.523-4.477 10-10 10h-62.524c-5.523 0-10-4.477-10-10v-52.097c0-2.666 3.218-4.007 5.112-2.13L-4.224 0A3.002 3.002 0 0 0 0 0Z"
transform="translate(348.944 209.63)"
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-29.272l20-22.894 20 22.894V0Z"
transform="translate(326.832 255.554)"
fill="#fed2a4"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v29.273h-20.167V0l20-22.894L9.916-11.352z"
transform="translate(347 226.281)"
fill="#ffbd86"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-29.272l20-22.894 20 22.894V0Z"
transform="translate(326.832 255.554)"
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-15.941c-6.368 6.493-15.234 10.526-25.047 10.526h-37.778c-28.255 0-51.16-22.905-51.16-51.16v-56.188c4.579 4.165 10.64 6.728 17.303 6.728H23.63c6.663 0 12.724-2.563 17.303-6.727v55.888C40.933-18.326 22.607 0 0 0"
transform="translate(391.33 428.644)"
fill="#883f2e"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 20.339 11.871 37.904 29.061 46.151H8.563c-28.255 0-51.16-22.905-51.16-51.16v-56.188c4.579 4.165 10.64 6.728 17.303 6.728H0z"
transform="translate(304 393.019)"
fill="#6d3326"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-15.941c-6.368 6.493-15.234 10.526-25.047 10.526h-37.778c-28.255 0-51.16-22.905-51.16-51.16v-56.188c4.579 4.165 10.64 6.728 17.303 6.728H23.63c6.663 0 12.724-2.563 17.303-6.727v55.888C40.933-18.326 22.607 0 0 0Z"
transform="translate(391.33 428.644)"
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-9.979c-14.9 0-26.979-12.078-26.979-26.978 0-14.899 12.079-26.977 26.979-26.977H0Z"
transform="translate(288.686 339.754)"
fill="#ffbd86"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-9.979c-14.9 0-26.979-12.078-26.979-26.978 0-14.899 12.079-26.977 26.979-26.977H0Z"
transform="translate(288.686 339.754)"
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-9.98v-53.955H0c14.899 0 26.978 12.078 26.978 26.977C26.978-12.078 14.899 0 0 0"
transform="translate(414.959 339.754)"
fill="#fed2a4"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-9.98v-53.955H0c14.899 0 26.978 12.078 26.978 26.977C26.978-12.078 14.899 0 0 0Z"
transform="translate(414.959 339.754)"
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-14.003c-28.913 0-52.35 23.438-52.35 52.35v51.137c0 13.808 11.193 25 25 25h68.702c13.807 0 25-11.192 25-25V52.35C52.349 23.438 28.912 0 0 0"
transform="translate(353.834 245.439)"
fill="#ffe5c2"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v51.138c0 13.807 11.193 25 25 25H-.519c-13.807 0-25-11.193-25-25V0c0-28.911 23.438-52.349 52.35-52.349h14.003c1.947 0 3.866.115 5.758.322C20.39-49.159 0-26.965 0 0"
transform="translate(313 297.788)"
fill="#fed2a4"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-14.003c-28.913 0-52.35 23.438-52.35 52.35v51.137c0 13.808 11.193 25 25 25h68.702c13.807 0 25-11.192 25-25V52.35C52.349 23.438 28.912 0 0 0Z"
transform="translate(353.834 245.439)"
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-34.975"
transform="translate(364.32 281.896)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-14.389"
transform="translate(318 337.422)"
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-14.389"
transform="translate(375.665 337.422)"
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-7.017-14.034L0-21.052"
transform="translate(346.832 331.04)"
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-285.122v-30.58H4.442v26.139A4.441 4.441 0 0 1 0 0"
transform="translate(353.126 135.684)"
fill="#6e61b6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-285.122v-30.58H4.442v26.139A4.441 4.441 0 0 1 0 0Z"
transform="translate(353.126 135.684)"
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-235.271l-30.108 145.23c-1.23 5.932 3.299 11.497 9.358 11.497H-44.16a14.334 14.334 0 0 0 14.036-11.425z"
transform="translate(290.582 105.103)"
fill="#8379c1"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-42.418c-6.059 0-10.588-5.564-9.358-11.496l30.109-145.231h42.418L-9.357-11.496C-10.587-5.564-6.058 0 0 0"
transform="translate(76.978 261.83)"
fill="#6e61b6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-41.44c-6.058 0-10.587-5.564-9.357-11.496l30.109-145.231h235.27L184.458-11.425A14.335 14.335 0 0 1 170.421 0H35"
transform="translate(76 261.83)"
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 0c3.304-18.736-9.207-33.926-27.943-33.926-18.737 0-36.604 15.19-39.909 33.926-3.303 18.737 9.207 33.926 27.944 33.926S-3.304 18.737 0 0"
transform="translate(186.638 179.166)"
fill="#eaf6ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-18.737 0-36.604 15.189-39.908 33.926-1.774 10.059 1.015 19.092 6.875 25.304-18.045-.654-29.938-15.574-26.707-33.894C-56.437 6.6-38.569-8.59-19.833-8.59c8.678 0 16.015 3.263 21.069 8.621C.826.017.417 0 0 0"
transform="translate(178.527 153.83)"
fill="#d8ecfe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c3.304-18.736-9.207-33.926-27.943-33.926-18.737 0-36.604 15.19-39.909 33.926-3.303 18.737 9.207 33.926 27.944 33.926S-3.304 18.737 0 0Z"
transform="translate(186.638 179.166)"
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-190a5 5 0 0 1-5-5v-90a5 5 0 0 1 5-5h78.834a5.002 5.002 0 0 0 4.331-2.5l9.237-16c1.155-2 4.041-2 5.196 0l9.238 16a4.999 4.999 0 0 0 4.33 2.5H0a5 5 0 0 1 5 5v90a5 5 0 0 1-5 5"
transform="translate(221.508 411.83)"
fill="#05e39c"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v90a5 5 0 0 0 5 5h-40.984a5 5 0 0 1-5-5V0a5 5 0 0 1 5-5H5a5 5 0 0 0-5 5"
transform="translate(67.492 316.83)"
fill="#0ed290"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v31.83a5 5 0 0 1-5 5h-190a5 5 0 0 1-5-5v-90a5 5 0 0 1 5-5h78.834a5.002 5.002 0 0 0 4.331-2.5l9.237-16c1.155-2 4.041-2 5.196 0l9.238 16a4.999 4.999 0 0 0 4.33 2.5H-5a5 5 0 0 1 5 5V-35"
transform="translate(226.508 375)"
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-38.588v35.609c0 6.843 5.547 12.391 12.391 12.391h13.805C-5.548 48 0 42.452 0 35.609Z"
transform="translate(422.588 96.83)"
fill="#fed2a4"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-.524.067-1.055.114-1.597.114h-13.806c-6.843 0-12.391-5.548-12.391-12.39v-35.61h17v35.61C-10.794-5.976-6.087-.785 0 0"
transform="translate(411.794 144.716)"
fill="#ffbd86"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-38.588v35.609c0 6.843 5.547 12.391 12.391 12.391h13.805C-5.548 48 0 42.452 0 35.609Z"
transform="translate(422.588 96.83)"
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-487a5 5 0 0 0-5 5v22.273a5 5 0 0 0 5 5H0a5 5 0 0 0 5-5V5a5 5 0 0 0-5-5"
transform="translate(499.5 72.83)"
fill="#ea9b58"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v22.273a5 5 0 0 0 5 5h-56.5a5 5 0 0 1-5-5V0a5 5 0 0 1 5-5H5a5 5 0 0 0-5 5"
transform="translate(64 77.83)"
fill="#d88a55"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h58.5a5 5 0 0 1 5 5v22.273a5 5 0 0 1-5 5h-487a5 5 0 0 1-5-5V5a5 5 0 0 1 5-5H-35"
transform="translate(441 72.83)"
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 0h15.031"
transform="translate(186.477 370.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 0h15.031"
transform="translate(186.477 351.09)"
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 0c0 7.139 5.839 12.914 13.001 12.811C19.837 12.712 25.454 7.153 25.62.318c.004-.138.005-.276.004-.414-.024-3.25-1.502-6.321-3.937-8.474L0-27.759h25.624"
transform="translate(140.508 368.356)"
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 0h32L10.571-19.429h10.858C27.267-19.429 32-24.162 32-30c0-5.839-4.733-10.571-10.571-10.571H0"
transform="translate(51.508 381.169)"
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-16-16"
transform="translate(120.788 368.883)"
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 16-16"
transform="translate(104.788 368.883)"
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