Add icons to this collection by clicking the heart icon.
Online Learning icon - also known as technology, computer, education, internet, teacher, and online learning. Created in a clean lineal color style with a silver, gray, black, 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"
>
<g>
<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"
/>
<circle cx="52.049" cy="12.154" r="9" fill="#d0d8da" />
<path
fill="#93999a"
d="M57.049 17.154a8.987 8.987 0 0 1-7.743-13.571 9 9 0 1 0 10.486 13.142 8.982 8.982 0 0 1-2.743.429z"
/>
<g fill="#323232">
<path
d="M59 36h-1V24.666a1 1 0 1 0-2 0V36H22V21a1 1 0 0 0-1-1H9a1 1 0 0 0 0 2h11v14h-2v-3a3 3 0 0 0-1.731-2.708 4 4 0 1 0-6.538 0A3 3 0 0 0 8 33v3H6V8h33.677a1 1 0 0 0 0-2H5a1 1 0 0 0-1 1v29H3a1 1 0 0 0 0 2h55v2H3a1 1 0 0 0 0 2h36v3.08a1 1 0 0 0 2 0V42h15v6H45.74a1 1 0 0 0 0 2H57a1 1 0 0 0 1-1v-7h1a1 1 0 0 0 1-1v-4a1 1 0 0 0-1-1zM13 26a2 2 0 1 1-2 2 2 2 0 0 1 2-2zm-3 10v-3a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v3z"
/>
<path
d="M49 34a1 1 0 0 0 1-1v-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.414V33a1 1 0 0 0 1 1zM37.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.414zM42 34a1 1 0 0 0 1-1v-1h1a1 1 0 0 0 0-2h-1v-1a1 1 0 0 0-2 0v1h-1a1 1 0 0 0 0 2h1v1a1 1 0 0 0 1 1z"
/>
<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 2zM36.525 10.149a1 1 0 0 0-.972-.044l-2 1a1 1 0 0 0 .894 1.79l.553-.277V15h-.5a1 1 0 0 0 0 2h3a1 1 0 0 0 0-2H37v-4a1 1 0 0 0-.475-.851zM14.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 46a1 1 0 0 0 0-2h-5a1 1 0 0 0 0 2zM56.95 11.682a1 1 0 0 0 .707-1.707 8.01 8.01 0 0 0-11.314 0 1 1 0 1 0 1.414 1.414 6.008 6.008 0 0 1 8.486 0 1 1 0 0 0 .707.293z"
/>
<path
d="M54.121 14.51a1 1 0 0 0 .707-1.707 4.1 4.1 0 0 0-5.656 0 1 1 0 1 0 1.414 1.414 2.049 2.049 0 0 1 2.828 0 .993.993 0 0 0 .707.293z"
/>
<circle cx="52" cy="16.632" r="1" />
<path
d="M52 22a9.988 9.988 0 0 0 8.459-15.318 1 1 0 1 0-1.691 1.067 8.023 8.023 0 1 1-2.516-2.516 1 1 0 1 0 1.066-1.692A10 10 0 1 0 52 22zM42.9 56.091A4.947 4.947 0 0 0 44 53a5 5 0 0 0-10 0 4.947 4.947 0 0 0 1.1 3.091 4.988 4.988 0 0 0-3.1 1.94 4.988 4.988 0 0 0-3.1-1.94A4.947 4.947 0 0 0 30 53a5 5 0 0 0-10 0 4.947 4.947 0 0 0 1.1 3.091 4.988 4.988 0 0 0-3.1 1.94 4.988 4.988 0 0 0-3.1-1.94A4.947 4.947 0 0 0 16 53a5 5 0 0 0-10 0 4.947 4.947 0 0 0 1.1 3.091A5 5 0 0 0 3 61a1 1 0 0 0 2 0 3 3 0 0 1 3-3h6a3 3 0 0 1 3 3 1 1 0 0 0 2 0 3 3 0 0 1 3-3h6a3 3 0 0 1 3 3 1 1 0 0 0 2 0 3 3 0 0 1 3-3h6a3 3 0 0 1 3 3 1 1 0 0 0 2 0 5 5 0 0 0-4.1-4.909zM11 50a3 3 0 1 1-3 3 3 3 0 0 1 3-3zm14 0a3 3 0 1 1-3 3 3 3 0 0 1 3-3zm14 0a3 3 0 1 1-3 3 3 3 0 0 1 3-3z"
/>
</g>
</g>
</svg>
More icons in the same style and category