Add icons to this collection by clicking the heart icon.
Online Class icon - also known as computer, education, learn, training, online class, course, business and finance, elearning, and online course. Created in a clean soft fill style with a white, silver, gray, black, teal, 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 60 60"
>
<path fill="#abbdc6" d="M41 55v1H19v-1s5-1 5-5v-1h12v1c0 4 5 5 5 5z" />
<path
fill="#cddfe8"
d="M59 45v3a2.006 2.006 0 0 1-2 2H3a2.006 2.006 0 0 1-2-2v-3l1-1h56zM19 55h22a3 3 0 0 1 3 3 1 1 0 0 1-1 1H17a1 1 0 0 1-1-1 3 3 0 0 1 3-3z"
/>
<path
fill="#4982c8"
d="M59 3v42H1V3a2.006 2.006 0 0 1 2-2h54a2.006 2.006 0 0 1 2 2z"
/>
<rect
width="36"
height="50"
x="12"
y="-2"
fill="#e4f0f7"
rx="1"
transform="rotate(90 30 23)"
/>
<path
fill="#fff"
d="M26 12h24v16a2.006 2.006 0 0 1-2 2H28a2 2 0 0 1-1.59-.79z"
/>
<path
fill="#3b6a9d"
d="M35 41H6a1.027 1.027 0 0 1-.83-.43v-.01l.12-.28a8.5 8.5 0 0 1 6.23-5.18L17 34h6l5.48 1.1a8.5 8.5 0 0 1 6.23 5.18zM27 13h23a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1H26a1 1 0 0 0-1 1v.52z"
/>
<path fill="#d7af98" d="M23 32.31V34a3 3 0 0 1-6 0v-1.69z" />
<path fill="#435c60" d="M11 24v-6a9 9 0 0 1 9-9 9 9 0 0 1 9 9v6z" />
<path
fill="#e7c1a7"
d="M20 33a7.658 7.658 0 0 0 6.386-3.732A7.608 7.608 0 0 0 27 26a2 2 0 0 0 0-4l-.293-.775a2.326 2.326 0 0 0-1.834-1.687A6.871 6.871 0 0 1 20 16.991a6.871 6.871 0 0 1-4.873 2.547 2.326 2.326 0 0 0-1.834 1.687L13 22a2 2 0 0 0 0 4 7.608 7.608 0 0 0 .614 3.268A7.658 7.658 0 0 0 20 33z"
/>
<g fill="#373737">
<path
d="M54 42a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v34a2 2 0 0 0 2 2zm-37.8-6.819a3.973 3.973 0 0 0 7.6 0l4.479.9A7.481 7.481 0 0 1 33.475 40H6.527a7.462 7.462 0 0 1 5.189-3.922zm-2.472-9.869A1 1 0 0 0 13 25a1 1 0 0 1 0-2 1 1 0 0 0 .936-.646l.322-.867a1.336 1.336 0 0 1 1.043-.965 8.655 8.655 0 0 0 4.7-2.01 8.655 8.655 0 0 0 4.7 2.01 1.388 1.388 0 0 1 1.073 1.057l.293.775A1 1 0 0 0 27 23a1 1 0 0 1 0 2 1 1 0 0 0-1 1.05 6.631 6.631 0 0 1-.513 2.777A6.687 6.687 0 0 1 20 32a6.687 6.687 0 0 1-5.488-3.173A6.625 6.625 0 0 1 14 26.053a1 1 0 0 0-.274-.741zM28 29a.938.938 0 0 1-.4-.091 8.711 8.711 0 0 0 .381-2.074A3.006 3.006 0 0 0 30 24v-6a9.929 9.929 0 0 0-.841-4H49v14a1 1 0 0 1-1 1zm22-17H27.981A10.049 10.049 0 0 0 26 10.019V10h24zm-22 6v3.182c-.093-.033-.183-.071-.28-.095l-.048-.123a3.338 3.338 0 0 0-2.625-2.41c-1.383-.245-3.105-.549-4.231-2.14a1.035 1.035 0 0 0-1.632 0c-1.126 1.591-2.848 1.895-4.232 2.14a3.3 3.3 0 0 0-2.6 2.318l-.082.217a2.866 2.866 0 0 0-.275.093V18a8 8 0 0 1 16 0zM18 33.734a7.652 7.652 0 0 0 4 0V34a2 2 0 0 1-4 0zM54 6v34H35.677l-.035-.09a9.486 9.486 0 0 0-6.968-5.8L24 33.18v-.262a8.973 8.973 0 0 0 2.657-2.238A2.979 2.979 0 0 0 28 31h8l-1.8 2.4a1 1 0 1 0 1.6 1.2l2.2-2.933 2.2 2.933a1 1 0 0 0 1.6-1.2L40 31h8a3 3 0 0 0 3-3V13.722A1.993 1.993 0 0 0 52 12v-2a2 2 0 0 0-2-2H26a1.994 1.994 0 0 0-1.711.98A9.977 9.977 0 0 0 10 18v6a3.006 3.006 0 0 0 2.017 2.835 7.873 7.873 0 0 0 .7 2.873A8.2 8.2 0 0 0 16 32.918v.263l-4.676.938A9.45 9.45 0 0 0 6 37.237V6z"
/>
<path
d="M57 0H3a3 3 0 0 0-3 3v34a1 1 0 0 0 2 0V3a1 1 0 0 1 1-1h54a1 1 0 0 1 1 1v41H2v-3a1 1 0 0 0-2 0v7a3 3 0 0 0 3 3h19.844c-.736 2.309-3.891 2.988-4.042 3.02A4 4 0 0 0 15 58a2 2 0 0 0 2 2h26a2 2 0 0 0 2-2 4 4 0 0 0-3.8-3.98c-.037-.008-3.284-.69-4.037-3.02H57a3 3 0 0 0 3-3V3a3 3 0 0 0-3-3zM43 58H17a2 2 0 0 1 2-2h22a2.005 2.005 0 0 1 2 2zm-6.16-4H23.158a5.385 5.385 0 0 0 1.742-3h10.2a5.385 5.385 0 0 0 1.742 3zM57 49H3a1 1 0 0 1-1-1v-2h56v2a1 1 0 0 1-1 1z"
/>
</g>
</svg>
More icons in the same style and category