Add icons to this collection by clicking the heart icon.
E-learning icon - also known as education, lesson, online education, online learning, and e learning. Created in a clean lineal color style with a white, silver, gray, olive, 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="100"
height="100"
viewBox="0 0 496 496"
>
<path
d="M296 488H40c-17.672 0-32-14.328-32-32s14.328-32 32-32h256v64z"
fill="#efe7e4"
/>
<path d="M256 424h40v64h-40z" fill="#d8d1d0" />
<path
d="M40 96h256v328H40c-17.672 0-32 14.328-32 32V128c0-17.672 14.328-32 32-32z"
fill="#ffcb57"
/>
<path d="M256 96h40v328h-40z" fill="#f2be55" />
<path
d="M304 496H40c-22.056 0-40-17.944-40-40V128c0-22.056 17.944-40 40-40h264v408zM16 456c0 13.232 10.768 24 24 24h248v-48H40c-13.232 0-24 10.768-24 24zm24-352c-13.232 0-24 10.768-24 24v296.016C22.688 418.992 31 416 40 416h248V104H40z"
fill="#684621"
/>
<path d="M64 448h208v16H64zM32 448h16v16H32z" fill="#684621" />
<path d="M40 128h224v200H40z" fill="#efe7e4" />
<path d="M224 128h40v200h-40z" fill="#d8d1d0" />
<path
d="M272 336H32V120h240v216zM48 320h208V136H48v184zM256 384h16v16h-16zM168 384h72v16h-72zM152 352h120v16H152z"
fill="#684621"
/>
<circle cx="176" cy="240" r="56" fill="#66addd" />
<path
d="M176 304c-35.288 0-64-28.712-64-64s28.712-64 64-64 64 28.712 64 64-28.712 64-64 64zm0-112c-26.472 0-48 21.528-48 48s21.528 48 48 48 48-21.528 48-48-21.528-48-48-48z"
fill="#684621"
/>
<path d="m72 256 56-96 56 96z" fill="#ffcb57" />
<path
d="M197.928 264H58.072L128 144.12 197.928 264zm-112-16h84.144L128 175.88 85.928 248z"
fill="#684621"
/>
<circle cx="360" cy="136" r="128" fill="#66addd" />
<path
d="m283.872 92.016-13.832-8.04c13.936-23.984 37.248-41.688 63.968-48.576L338 50.896c-22.608 5.824-42.336 20.816-54.128 41.12zM273.24 121.336l-15.776-2.664a103.2 103.2 0 0 1 4.472-17.336l15.088 5.336a86.832 86.832 0 0 0-3.784 14.664z"
fill="#efe7e4"
/>
<path
d="M360 8c-5.432 0-10.744.448-16 1.104C407.12 16.992 456 70.736 456 136s-48.88 119.008-112 126.896c5.256.656 10.568 1.104 16 1.104 70.696 0 128-57.304 128-128S430.696 8 360 8z"
fill="#5b9dc1"
/>
<path
d="M360 272c-74.992 0-136-61.008-136-136S285.008 0 360 0s136 61.008 136 136-61.008 136-136 136zm0-256c-66.168 0-120 53.832-120 120s53.832 120 120 120 120-53.832 120-120S426.168 16 360 16z"
fill="#684621"
/>
<path d="M352 8h16v256h-16z" fill="#684621" />
<path d="M232 128h256v16H232z" fill="#684621" />
<path
d="m364.24 270.784-8.48-13.568C358.208 255.672 416 218.248 416 136S358.208 16.328 355.744 14.776l8.496-13.56C367.008 2.944 432 44.616 432 136s-64.992 133.056-67.76 134.784z"
fill="#684621"
/>
<path
d="M360 96c-73.816 0-107.408-24.552-108.8-25.6l9.568-12.824C261.072 57.8 292.08 80 360 80c68.536 0 98.904-22.176 99.2-22.4l9.6 12.8C467.408 71.448 433.816 96 360 96z"
fill="#684621"
/>
<path
d="M355.76 270.784C352.992 269.056 288 227.384 288 136S352.992 2.944 355.76 1.216l8.48 13.568C361.792 16.328 304 53.752 304 136s57.792 119.672 60.256 121.224l-8.496 13.56z"
fill="#684621"
/>
<path
d="M459.232 214.424C458.928 214.2 427.92 192 360 192c-68.536 0-98.904 22.176-99.2 22.4l-9.6-12.8c1.392-1.048 34.984-25.6 108.8-25.6s107.408 24.552 108.8 25.6l-9.568 12.824zM321.12 359.92l-2.232-15.84c42.72-6.032 82.224-31.048 108.392-68.648l13.136 9.144c-28.712 41.232-72.184 68.696-119.296 75.344zM177.552 68.456l-11.848-10.752C195.256 25.128 235.584 4.928 279.256.84l1.496 15.928c-39.688 3.72-76.336 22.072-103.2 51.688z"
fill="#684621"
/>
<path
d="M216 72h-54.56l-9.28-46.432 15.68-3.136L174.56 56H216zM432.16 321.568l-6.488-32.4-40.352 6.72-2.64-15.776 55.648-9.28 9.512 47.6z"
fill="#684621"
/>
<path d="M32 384h16v16H32zM64 384h72v16H64z" fill="#efe7e4" />
</svg>
More icons in the same style and category