Add icons to this collection by clicking the heart icon.
Online Learning icon - also known as education, tablet, online learning, electronics, device, online class, elearning, and digital learning. Created in a clean flat style with a white, silver, gray, red, yellow, 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 512 512"
>
<path
fill="#c9e2e7"
d="M400.958 512H61.605c-12.067 0-21.85-9.782-21.85-21.85V21.85C39.756 9.782 49.538 0 61.605 0h339.353c12.067 0 21.85 9.782 21.85 21.85v468.3c0 12.068-9.782 21.85-21.85 21.85z"
/>
<path
fill="#fffae3"
d="M321.527 463.662V89.294H90.123l-9.146 6.685v365.454a9.347 9.347 0 0 0 9.347 9.347H318.28a9.42 9.42 0 0 0 3.247-7.118z"
/>
<path
fill="#fdf3ac"
d="M314.372 89.294v372.139a9.347 9.347 0 0 1-9.347 9.347h67.215a9.347 9.347 0 0 0 9.347-9.347V95.978l-6.781-6.685h-60.434z"
/>
<path
fill="#89c6fc"
d="M321.527 48.338a9.418 9.418 0 0 0-3.247-7.117H90.323a9.347 9.347 0 0 0-9.347 9.347v45.411h240.55V48.338z"
/>
<path
fill="#62b4fd"
d="M314.372 50.568v45.411h67.215V50.567a9.347 9.347 0 0 0-9.347-9.347h-67.215a9.347 9.347 0 0 1 9.347 9.348z"
/>
<g fill="#fff">
<circle cx="270.031" cy="68.6" r="7.641" />
<circle cx="301.381" cy="68.6" r="7.641" />
<circle cx="332.731" cy="68.6" r="7.641" />
</g>
<path
fill="#cbcbcb"
d="M331.278 290.683H131.286a7.726 7.726 0 1 1 0-15.452h199.991a7.726 7.726 0 0 1 7.726 7.726 7.724 7.724 0 0 1-7.725 7.726zM331.278 329.408H131.286a7.726 7.726 0 1 1 0-15.452h199.991a7.726 7.726 0 0 1 .001 15.452zM331.278 368.133H131.286a7.726 7.726 0 1 1 0-15.452h199.991a7.726 7.726 0 0 1 .001 15.452z"
/>
<path
fill="#818181"
d="m229.752 142.972-104.928 41.486c-3.509 1.387-3.509 6.353 0 7.741l104.928 41.486a4.16 4.16 0 0 0 3.061 0l104.928-41.486c3.509-1.387 3.509-6.353 0-7.741l-104.928-41.486a4.16 4.16 0 0 0-3.061 0z"
/>
<path
fill="#595959"
d="M277.317 237.694h-92.07a7.12 7.12 0 0 1-7.121-7.121v-26.04a4.925 4.925 0 0 1 3.698-4.769l16.081-4.133a134.069 134.069 0 0 1 66.753 0l16.081 4.133a4.924 4.924 0 0 1 3.698 4.769v26.04a7.12 7.12 0 0 1-7.12 7.121z"
/>
<path
fill="#3590bb"
d="M463.758 232.699c-11.315-11.315-29.66-11.315-40.974 0l-17.755 17.755.053 8.759 32.289 32.289 8.632-.074 17.754-17.754c11.316-11.315 11.316-29.66.001-40.975z"
/>
<path
fill="#fb636f"
d="m254.458 476.306 6.169.499 163.898-163.898.192-8.513-34.64-34.64-6.527 2.179L219.653 435.83l-.361 5.31z"
/>
<path
fill="#fa2a3b"
d="m403.657 281.873-173.61 173.611 10.362 11.492 174.368-174.369z"
/>
<path
fill="#fcee56"
d="m446.004 291.428-40.975-40.974-21.479 21.479 40.975 40.974z"
/>
<path
fill="#df9874"
d="m260.627 476.805-40.974-40.974-4.892 4.892a56.57 56.57 0 0 0-12.785 19.66l-17.158 44.53c-1.622 4.211 2.517 8.35 6.727 6.727l44.53-17.158a56.588 56.588 0 0 0 19.66-12.785z"
/>
</svg>
More icons in the same style and category