Add icons to this collection by clicking the heart icon.
Online Education icon - also known as graduation, education, online education, online learning, graduation cap, graduation hat, course, elearning, and online course. Created in a clean flat style with a white, gray, yellow, and orange 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 64 64"
>
<path
fill="#dfebfa"
d="M51 10H13a5.006 5.006 0 0 0-5 5v34a1 1 0 0 0 1 1h46a1 1 0 0 0 1-1V15a5.006 5.006 0 0 0-5-5z"
/>
<rect width="40" height="35.333" x="12" y="14.333" fill="#6ec17d" rx="3" />
<path
fill="#454045"
d="M54.632 45H42.8a4.362 4.362 0 0 0-3.635 1.945A2.365 2.365 0 0 1 37.2 48H26.8a2.365 2.365 0 0 1-1.971-1.055A4.362 4.362 0 0 0 21.2 45H9.368A4.374 4.374 0 0 0 5 49.368v.264A4.374 4.374 0 0 0 9.368 54h45.264A4.374 4.374 0 0 0 59 49.632v-.264A4.374 4.374 0 0 0 54.632 45z"
/>
<path
fill="#665e66"
d="M41 24v12a2.718 2.718 0 0 1-.18.99A2.986 2.986 0 0 1 38 39H26a3.009 3.009 0 0 1-3-3V24a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1z"
/>
<path
fill="#eab14d"
d="M45 31a1 1 0 0 1-1-1v-5a1 1 0 0 1 2 0v5a1 1 0 0 1-1 1z"
/>
<path
fill="#f4dd45"
d="M45.458 29.35a.665.665 0 0 0-.916 0C44.18 29.692 43 30.884 43 31.833a2 2 0 0 0 4 0c0-.949-1.18-2.141-1.542-2.483z"
/>
<path
fill="#454045"
d="M40.82 36.99A2.986 2.986 0 0 1 38 39H26a3.009 3.009 0 0 1-3-3V24a1 1 0 0 1 1-1h2a41.72 41.72 0 0 0 5 10c2.61 3.48 5.23 3.93 9.82 3.99z"
/>
<path
fill="#454045"
d="M41 24v5.23l-8.21 3.52a2.03 2.03 0 0 1-1.58 0L23 29.23V24a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1z"
/>
<path
fill="#665e66"
d="m45.624 23.634-12.632-7.219a2.006 2.006 0 0 0-1.984 0l-11.761 6.721a2 2 0 0 0 .205 3.574l11.758 5.039a2 2 0 0 0 .791.163 1.976 1.976 0 0 0 .786-.162l12.684-5.436a1.5 1.5 0 0 0 .153-2.68z"
/>
</svg>
More icons in the same style and category