Add icons to this collection by clicking the heart icon.
Online Learning icon - also known as computer, education, smartphone, monitor, laptop, online learning, electronics, and responsive. 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="472pt"
height="472pt"
viewBox="-3 0 471 472"
>
<path
fill="#20b2ad"
d="M128.5 184h-16c-17.672 0-32 14.328-32 32v120h48c17.672 0 32 14.328 32 32h192a31.84 31.84 0 0 0 8-1.129V336c0-8.836 7.164-16 16-16h8V216c0-17.672-14.328-32-32-32h-16"
/>
<path fill="#db6a03" d="M272.5 368h-80l-16 40h112zm0 0" />
<path
fill="#ff7f00"
d="M296.5 408h-128a31.84 31.84 0 0 0-8 1.129V440h168c0-17.672-14.328-32-32-32zM360.5 336h-232c17.672 0 32 14.328 32 32h192a31.84 31.84 0 0 0 8-1.129zm0 0"
/>
<path
fill="#1b8984"
d="M96.5 296v16h240v-16c0-8.836-7.164-16-16-16v-96h-208v96c-8.836 0-16 7.164-16 16zm0 0"
/>
<path fill="#ff7f00" d="M280.5 8h-48v48h48l-16-24zm0 0" />
<path
fill="#006"
d="M232.5 96a8 8 0 0 1-8-8V8a8 8 0 0 1 16 0v80a8 8 0 0 1-8 8zm0 0"
/>
<path fill="gold" d="M168.5 120h128v144h-128zm0 0" />
<path fill="#e5c200" d="M168.5 120h128v16h-128zm0 0" />
<path
fill="gold"
d="M160.5 88h144c8.836 0 16 7.164 16 16s-7.164 16-16 16h-144c-8.836 0-16-7.164-16-16s7.164-16 16-16zm0 0"
/>
<path
fill="#db6a03"
d="M224.5 216h16c8.836 0 16 7.164 16 16v32h-48v-32c0-8.836 7.164-16 16-16zm0 0"
/>
<path
fill="#ff7f00"
d="M296.5 152h24c8.836 0 16 7.164 16 16v96h-40zM144.5 152h24v112h-40v-96c0-8.836 7.164-16 16-16zm0 0"
/>
<path
fill="purple"
d="M128.5 264h208c8.836 0 16 7.164 16 16v16h-240v-16c0-8.836 7.164-16 16-16zm0 0"
/>
<path
fill="#006"
d="M216.5 160h-16a8 8 0 0 1 0-16h16a8 8 0 0 1 0 16zM264.5 160h-16a8 8 0 0 1 0-16h16a8 8 0 0 1 0 16zm0 0"
/>
<path fill="#db6a03" d="M152.5 152h16v112h-16zM296.5 152h16v112h-16zm0 0" />
<path
fill="gold"
d="M376.5 320h72c8.836 0 16 7.164 16 16v120c0 8.836-7.164 16-16 16h-72c-8.836 0-16-7.164-16-16V336c0-8.836 7.164-16 16-16zm0 0"
/>
<path
fill="#e5c200"
d="M408.5 424c-17.672 0-32-14.328-32-32v-72c-8.836 0-16 7.164-16 16v120c0 8.836 7.164 16 16 16h72c8.836 0 16-7.164 16-16v-32zm0 0"
/>
<path
fill="purple"
d="M360.5 440h104v16c0 8.836-7.164 16-16 16h-72c-8.836 0-16-7.164-16-16zm0 0"
/>
<path
fill="gold"
d="M32.5 336h96c17.672 0 32 14.328 32 32v72H.5v-72c0-17.672 14.328-32 32-32zm0 0"
/>
<path
fill="#e5c200"
d="M48.5 424c-17.672 0-32-14.328-32-32v-51.559A31.847 31.847 0 0 0 .5 368v72h160v-16zm0 0"
/>
<path
fill="purple"
d="M.5 440h192v16c0 8.836-7.164 16-16 16h-160c-8.836 0-16-7.164-16-16zm0 0"
/>
<g fill="#006">
<path
d="M432.5 360h-32a8 8 0 0 1 0-16h32a8 8 0 0 1 0 16zM408.5 400h-16a8 8 0 0 1 0-16h16a8 8 0 0 1 0 16zM64.5 384h-32a8 8 0 0 1 0-16h32a8 8 0 0 1 0 16zM120.5 416h-48a8 8 0 0 1 0-16h48a8 8 0 0 1 0 16zm0 0"
/>
</g>
</svg>
More icons in the same style and category