Add icons to this collection by clicking the heart icon.
Online Learning icon - also known as technology, computer, education, internet, teacher, classroom, and online learning. Created in a clean flat style with a silver, 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="#aae1f9" d="M5 7h52v30H5z" />
<path fill="#57b7eb" d="M27 31a16 16 0 0 1-16-16V7H5v30h52v-6z" />
<path fill="#d0d8da" d="M3 37h56v4H3zM5 21h16v16H5z" />
<path
fill="#93999a"
d="M12.174 21H5v16h16v-7.174A16.036 16.036 0 0 1 12.174 21z"
/>
<circle cx="13" cy="28" r="3" fill="#f9e109" />
<path fill="#f9e109" d="M11 31h4a2 2 0 0 1 2 2v4H9v-4a2 2 0 0 1 2-2z" />
<path fill="#93999a" d="M40 41h17v8H40z" />
<circle cx="11" cy="53" r="4" fill="#f9e109" />
<path fill="#f9e109" d="M8 57h6a4 4 0 0 1 4 4H4a4 4 0 0 1 4-4z" />
<g fill="#fcbc04">
<path
d="M13 55a3.985 3.985 0 0 1-3.64-5.64 3.995 3.995 0 1 0 5.28 5.28A3.961 3.961 0 0 1 13 55zM11 59a2.99 2.99 0 0 1-2.816-2H8a4 4 0 0 0-4 4h14a3.955 3.955 0 0 0-.555-2z"
/>
</g>
<circle cx="25" cy="53" r="4" fill="#f9e109" />
<path fill="#f9e109" d="M22 57h6a4 4 0 0 1 4 4H18a4 4 0 0 1 4-4z" />
<g fill="#fcbc04">
<path
d="M27 55a3.985 3.985 0 0 1-3.64-5.64 3.995 3.995 0 1 0 5.28 5.28A3.961 3.961 0 0 1 27 55zM25 59a2.99 2.99 0 0 1-2.816-2H22a4 4 0 0 0-4 4h14a3.955 3.955 0 0 0-.555-2z"
/>
</g>
<circle cx="39" cy="53" r="4" fill="#f9e109" />
<path fill="#f9e109" d="M36 57h6a4 4 0 0 1 4 4H32a4 4 0 0 1 4-4z" />
<g fill="#fcbc04">
<path
d="M41 55a3.985 3.985 0 0 1-3.64-5.64 3.995 3.995 0 1 0 5.28 5.28A3.961 3.961 0 0 1 41 55zM39 59a2.99 2.99 0 0 1-2.816-2H36a4 4 0 0 0-4 4h14a3.955 3.955 0 0 0-.555-2z"
/>
</g>
<path fill="#656b76" d="M57 41H40v8h17v-2H47a4 4 0 0 1-4-4h14z" />
<path fill="#93999a" d="M9 39a3.982 3.982 0 0 1-3.445-2H3v4h56v-2z" />
<path
fill="#fcbc04"
d="M15 29a2.96 2.96 0 0 1-2.86-3.86 2.992 2.992 0 1 0 3.72 3.72A2.983 2.983 0 0 1 15 29zM15 35a4 4 0 0 1-4-4 2 2 0 0 0-2 2v4h8v-2z"
/>
<g fill="#f9e109">
<path
d="M48 33a1 1 0 0 0 2 0v-1.586l1.707-1.707a1 1 0 0 0-1.414-1.414L49 29.586l-1.293-1.293a1 1 0 0 0-1.414 1.414L48 31.414zM37.707 28.293a1 1 0 0 0-1.414 0L35 29.586l-1.293-1.293a1 1 0 0 0-1.414 1.414L33.586 31l-1.293 1.293a1 1 0 1 0 1.414 1.414L35 32.414l1.293 1.293a1 1 0 0 0 1.414-1.414L36.414 31l1.293-1.293a1 1 0 0 0 0-1.414zM44 30h-1v-1a1 1 0 0 0-2 0v1h-1a1 1 0 0 0 0 2h1v1a1 1 0 0 0 2 0v-1h1a1 1 0 0 0 0-2z"
/>
<path
d="M53 25a1 1 0 0 0-1-1H31a1 1 0 0 0-.937.649l-2.314 6.172-.917-1.376a1 1 0 0 0-1.664 1.11l2 3A1 1 0 0 0 28 34a1.088 1.088 0 0 0 .114-.006 1 1 0 0 0 .823-.643L31.693 26H52a1 1 0 0 0 1-1zM24.707 11.293a1 1 0 0 0-1.414 0L22 12.586l-1.293-1.293a1 1 0 0 0-1.414 1.414L20.586 14l-1.293 1.293a1 1 0 1 0 1.414 1.414L22 15.414l1.293 1.293a1 1 0 0 0 1.414-1.414L23.414 14l1.293-1.293a1 1 0 0 0 0-1.414zM28 13h2a1 1 0 0 0 0-2h-2a1 1 0 0 0 0 2zM28 17h2a1 1 0 0 0 0-2h-2a1 1 0 0 0 0 2zM34.447 12.9l.553-.282V15h-.5a1 1 0 0 0 0 2h3a1 1 0 0 0 0-2H37v-4a1 1 0 0 0-1.447-.895l-2 1a1 1 0 0 0 .894 1.79zM14.6 12.5a1 1 0 0 0-1.367-.366l-.233.134V12a1 1 0 0 0-2 0v.268l-.232-.134a1 1 0 1 0-1 1.732L10 14l-.231.134a1 1 0 1 0 1 1.732l.231-.134V16a1 1 0 0 0 2 0v-.268l.232.134a1 1 0 1 0 1-1.732L14 14l.231-.134A1 1 0 0 0 14.6 12.5z"
/>
<circle cx="44" cy="45" r="1" />
<path d="M53 44h-5a1 1 0 0 0 0 2h5a1 1 0 0 0 0-2z" />
</g>
<path
fill="#fcbc04"
d="M44 46a.974.974 0 0 0 .3-.062 3.974 3.974 0 0 1-1.054-1.584A.989.989 0 0 0 43 45a1 1 0 0 0 1 1zM48 33a1 1 0 0 0 2 0v-1.586l.414-.414h-2.828l.414.414zM32.293 33.707a1 1 0 0 0 1.414 0L35 32.414l1.293 1.293a1 1 0 0 0 1.414-1.414L36.414 31h-2.828l-1.293 1.293a1 1 0 0 0 0 1.414zM40 32h1v1a1 1 0 0 0 2 0v-1h1a1 1 0 0 0 1-1h-6a1 1 0 0 0 1 1zM28 34a1.088 1.088 0 0 0 .114-.006 1 1 0 0 0 .823-.643L29.818 31H27c-.536 0-1.066-.029-1.589-.08l1.757 2.635A1 1 0 0 0 28 34zM11 12.268l-.232-.134a1 1 0 1 0-1 1.732L10 14l-.231.134a1 1 0 1 0 1 1.732l.231-.134V16a1.008 1.008 0 0 0 .067.334A16.341 16.341 0 0 1 11 15z"
/>
<circle cx="52" cy="12" r="9" fill="#d0d8da" />
<path
fill="#93999a"
d="M57 16a8.99 8.99 0 0 1-8.349-12.349 9 9 0 1 0 11.7 11.7A8.963 8.963 0 0 1 57 16z"
/>
<path
fill="#f9e109"
d="M56.95 11.682a1 1 0 0 1-.707-.293 6.008 6.008 0 0 0-8.486 0 1 1 0 1 1-1.414-1.414 8.01 8.01 0 0 1 11.314 0 1 1 0 0 1-.707 1.707z"
/>
<path
fill="#f9e109"
d="M54.121 14.51a.993.993 0 0 1-.707-.293 2.049 2.049 0 0 0-2.828 0 1 1 0 1 1-1.414-1.417 4.1 4.1 0 0 1 5.656 0 1 1 0 0 1-.707 1.707z"
/>
<circle cx="52" cy="16.632" r="1" fill="#fcbc04" />
<g fill="#fcbc04">
<path
d="M46.343 11.389a1 1 0 0 0 1.414 0 5.927 5.927 0 0 1 .994-.795 8.924 8.924 0 0 1-.6-1.971 7.955 7.955 0 0 0-1.811 1.352 1 1 0 0 0 .003 1.414zM49.172 14.217a1 1 0 0 0 1.414 0 1.907 1.907 0 0 1 .569-.381 9.072 9.072 0 0 1-1.4-1.507 3.784 3.784 0 0 0-.587.474 1 1 0 0 0 .004 1.414z"
/>
</g>
</svg>
More icons in the same style and category