Add icons to this collection by clicking the heart icon.
Online Course icon - also known as computer, education, user, study, online, student, working, course, online course, and work from home. Created in a clean outline color style with a white, silver, gray, yellow, teal, 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 4335 4335"
>
<g fill-rule="evenodd">
<path
fill="#4d4d4d"
d="M393 3580V1643c0-165 133-299 299-299h760c-4-8-6-16-6-25V819l-131-70c-43-23-40-83 0-106l666-366c17-11 42-11 60 0l649 352h154c35 0 63 28 63 63v409c-4 82-127 81-127 0V756c-121 0-76-8-200 61v464l3 63h782c165 0 299 134 299 299v465h609c36 0 64 28 64 63v803c0 36-28 64-64 64h-602v542h331c35 0 64 28 64 63v180c-4 137-113 243-247 243H241c-134 0-243-109-243-243v-180c0-35 28-63 64-63zm3588-725h-715c-82 0-82-127 0-127h715c82 0 82 127 0 127zm0-226h-715c-82 0-82-127 0-127h715c82 0 82 127 0 127zm0-225h-715c-82 0-82-127 0-127h715c82 0 82 127 0 127zm-440-296v-461c0-99-81-176-176-176h-782v204c-7 239-201 433-440 433h-257c-240 0-433-194-433-433v-204H695c-98 0-176 81-176 176v1933h3025v-542h-211l-313 260c-44 40-110-9-95-63l52-197c-28-7-49-32-49-60v-807c0-35 28-63 64-63zm-493 806c104 0 58 109 42 166l183-151c11-11 25-15 39-15h894v-679H3048zm-1402 32c-119 0-215-98-215-218 0-200 245-284 374-145 53 58-36 146-92 85s-158-23-158 60c0 93 117 128 169 53 45-66 143 6 98 70-42 63-105 95-176 95zm532-1345c-60 0-85-84-28-116 97-54 254-9 208 77-39 73-98-1-148 28-11 7-21 11-32 11zm-454 0c-61 0-85-84-28-116 92-52 254-15 211 77-33 70-97 3-148 28-14 7-25 11-35 11zm292 296c-61 0-235-38-180-127 18-28 57-39 85-21 136 80 235-61 278 32 46 96-137 116-183 116zm440-461c-10-20-5-37 0-58v-37c-302-139-590-136-877 12v322c0 169 141 310 310 310h257c173 0 310-141 310-310zm-443-582c-214 0-214-324 0-324 68 0 124 42 149 99h266l-415-225-539 292 539 292 428-232h-279c-25 58-83 98-149 98zm0-197c-49 0-53 78 0 78 49 0 49-78 0-78zm-441 231v329c140-64 283-97 427-100-31-8-369-198-427-229zm460 229c139 1 279 31 421 90V886zm798 2375H1199c-35 0-63-28-63-63v-606c0-314 214-556 577-652 71-21 96 103 300 103 213 0 224-125 299-103 363 96 577 338 577 652v606c0 35-28 63-59 63zm-1571-123h1507v-546c0-342-296-475-454-521-163 127-435 131-595 0-159 46-455 179-455 521v546zm2275 517c-60 0-176 21-176-63s116-63 176-63c85 0 81 126 0 126zm-278 0c-60 0-176 21-176-63s116-63 176-63c82 0 82 126 0 126zm-275 0c-60 0-176 21-176-63s116-63 176-63c85 0 81 126 0 126zm-676 36h-550c-91 0-169-74-169-169v-46H121v120c0 66 53 119 120 119h3578c67 0 120-53 120-119v-120H2474v46c-4 91-78 169-169 169zm-595-215c0 35-6 91 45 91h546c51 0 46-56 46-91z"
/>
<path
fill="#d9f2f2"
d="M2928 2171c0-35 28-63 64-63h549v-461c0-99-81-176-176-176h-782v204c-7 239-201 433-440 433h-257c-240 0-433-194-433-433v-204H695c-98 0-176 81-176 176v1933h3025v-542h-211l-313 260c-44 40-110-9-95-63l52-197c-28-7-49-32-49-60zm-616 0c363 96 577 338 577 652v606c0 35-28 63-59 63H1199c-35 0-63-28-63-63v-606c0-314 214-556 577-652 71-21 96 103 300 103 213 0 224-125 299-103z"
/>
<path
fill="#1d81ce"
d="M2766 3369v-546c0-342-296-475-454-521-163 127-435 131-595 0-159 46-455 179-455 521v546zm-1042-588c45-66 143 6 98 70-42 63-105 95-176 95-119 0-215-98-215-218 0-200 245-284 374-145 53 58-36 146-92 85s-158-23-158 60c0 93 117 128 169 53z"
/>
<path
fill="#d9f2f2"
d="M1755 3798h546c51 0 46-56 46-91h-637c0 35-6 91 45 91z"
/>
<path
fill="#99a4ac"
d="M241 3946h3578c67 0 120-53 120-119v-120H2474v46c-4 91-78 169-169 169h-550c-91 0-169-74-169-169v-46H121v120c0 66 53 119 120 119zm2740-60c-60 0-176 21-176-63s116-63 176-63c85 0 81 126 0 126zm275 0c-60 0-176 21-176-63s116-63 176-63c82 0 82 126 0 126zm102-63c0 84 116 63 176 63 81 0 85-126 0-126-60 0-176-21-176 63z"
/>
<path
fill="#00ab94"
d="M4206 2914v-679H3048v679c104 0 58 109 42 166l183-151c11-11 25-15 39-15zm-225-412c82 0 82 127 0 127h-715c-82 0-82-127 0-127zm-715 226h715c82 0 82 127 0 127h-715c-82 0-82-127 0-127zm715-451c82 0 82 127 0 127h-715c-82 0-82-127 0-127z"
/>
<path
fill="#ff700d"
d="M2162 629h266l-415-225-539 292 539 292 428-232h-279c-25 58-83 98-149 98-214 0-214-324 0-324 68 0 124 42 149 99z"
/>
<path fill="#ffe600" d="M2013 735c49 0 49-78 0-78s-53 78 0 78z" />
<path fill="#ff700d" d="M2032 1117c139 1 279 31 421 90V886z" />
<path
fill="#f3a766"
d="M2150 1485c97-54 254-9 208 77-39 73-98-1-148 28-11 7-21 11-32 11-60 0-85-84-28-116zm-4 500c173 0 310-141 310-310v-239c-10-20-5-37 0-58v-37c-302-139-590-136-877 12v322c0 169 141 310 310 310zm-450-500c92-52 254-15 211 77-33 70-97 3-148 28-14 7-25 11-35 11-61 0-85-84-28-116zm225 264c136 80 235-61 278 32 46 96-137 116-183 116-61 0-235-38-180-127 18-28 57-39 85-21z"
/>
<path
fill="#ff700d"
d="M1572 1217c140-64 283-97 427-100-31-8-369-198-427-229z"
/>
</g>
</svg>
More icons in the same style and category