Add icons to this collection by clicking the heart icon.
Online Learning icon - also known as computer, screen, education, reading, book, monitor, online education, and online learning. Created in a clean flat style with a yellow, teal, navy, purple, 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="464pt"
height="464pt"
viewBox="0 0 464 464"
>
<path
fill="#9c02a0"
d="M232 144h144c8.836 0 16 7.164 16 16v288c0 8.836-7.164 16-16 16H232c-8.836 0-16-7.164-16-16V160c0-8.836 7.164-16 16-16zm0 0"
/>
<path
fill="gold"
d="M256 176h96a8 8 0 0 1 8 8v176a8 8 0 0 1-8 8h-96a8 8 0 0 1-8-8V184a8 8 0 0 1 8-8zm0 0"
/>
<path
fill="#ff7f00"
d="M256 400h96a8 8 0 0 1 8 8v56H248v-56a8 8 0 0 1 8-8zm0 0"
/>
<path fill="#db6a03" d="M256 400h24v64h-32v-56a8 8 0 0 1 8-8zm0 0" />
<path
fill="gold"
d="M248 304h112v56a8 8 0 0 1-8 8h-96a8 8 0 0 1-8-8zm0 0"
/>
<path fill="#20b2ad" d="M248 240h112v64H248zm0 0" />
<path
fill="#e5c200"
d="M272 176h-16a8 8 0 0 0-8 8v56h24zM272 304h-24v56a8 8 0 0 0 8 8h96a8 8 0 0 0 8-8v-16h-72c-8.836 0-16-7.164-16-16zm0 0"
/>
<path fill="#1b8984" d="M248 240h24v64h-24zm0 0" />
<path
fill="purple"
d="M448 176h-56v256h56c8.836 0 16-7.164 16-16V192c0-8.836-7.164-16-16-16zM176 176v56c0 8.836-7.164 16-16 16h-16v168c0 8.836 7.164 16 16 16h56V176zm0 0"
/>
<path fill="gold" d="M392 208h40v48h-40zm0 0" />
<path fill="#20b2ad" d="M392 256h40v48h-40zm0 0" />
<path fill="gold" d="M392 304h40v48h-40zm0 0" />
<path fill="#ff7f00" d="M392 384h40v48h-40zm0 0" />
<path fill="gold" d="M176 208h40v48h-40zm0 0" />
<path fill="#20b2ad" d="M176 256h40v48h-40zm0 0" />
<path fill="gold" d="M176 304h40v48h-40zm0 0" />
<path fill="#ff7f00" d="M176 384h40v48h-40zm0 0" />
<path fill="#e5c200" d="M176 208h16v48h-16zm0 0" />
<path
fill="#20b2ad"
d="M160 32H80v56L56 64 32 88V32H16C7.164 32 0 39.164 0 48v184c0 8.836 7.164 16 16 16h31l25-40 25 40h63c8.836 0 16-7.164 16-16V48c0-8.836-7.164-16-16-16zm0 0"
/>
<path
fill="#1b8984"
d="m64 72-8-8-16 16 24 24zM32 88V32H16v72zM47 248l10.496-16.8L48 216l-20 32zm0 0"
/>
<path
fill="gold"
d="M72 0H40a8 8 0 0 0-8 8v80l24-24 24 24V8a8 8 0 0 0-8-8zM112 64h32v64h-32zm0 0"
/>
<path
fill="#ff7f00"
d="M104 336c-8.836 0-16-7.164-16-16v-48h24l-40-64-40 64h24v48c0 26.508 21.492 48 48 48h40v-32zm0 0"
/>
<path
fill="#20b2ad"
d="M404 20a31.799 31.799 0 0 0-24.273 11.367C368.945 6.77 341.207-5.574 315.715 2.891c-25.492 8.46-40.34 34.945-34.266 61.109H316l12-24 12 24h93.602A31.913 31.913 0 0 0 404 20zm0 0"
/>
<path
fill="#1b8984"
d="M311.2 48.246a8.329 8.329 0 0 0-14.313 0L288.969 64H316l1.52-3.031zm0 0"
/>
<path fill="#ff7f00" d="M352 88h-48l24-48zm0 0" />
<g fill="#006">
<path
d="M280 216h16a8 8 0 0 0 0-16h-16a8 8 0 0 0 0 16zM336 208a8 8 0 1 1-16 0 8 8 0 0 1 16 0zM328 424h-16a8 8 0 0 0 0 16h16a8 8 0 0 0 0-16zM288 432a8 8 0 1 1-16 0 8 8 0 0 1 16 0zM280 344h40a8 8 0 0 0 0-16h-40a8 8 0 0 0 0 16zM328 264h-16a8 8 0 0 0 0 16h16a8 8 0 0 0 0-16zM288 272a8 8 0 1 1-16 0 8 8 0 0 1 16 0zM48 136h32a8 8 0 0 0 0-16H48a8 8 0 0 0 0 16zM96 160H32a8 8 0 0 0 0 16h64a8 8 0 0 0 0-16zm0 0"
/>
</g>
<path fill="#db6a03" d="M120 336h24v32h-24zm0 0" />
<path
fill="#006"
d="m359.2 84.426-24-48a8.335 8.335 0 0 0-14.321 0l-24 48A8.002 8.002 0 0 0 304 96h16v16a8 8 0 0 0 16 0V96h16a7.998 7.998 0 0 0 7.2-11.574zM316.944 80 328 57.887 339.055 80zm0 0"
/>
</svg>
More icons in the same style and category