Add icons to this collection by clicking the heart icon.
Online Learning icon - also known as education, lesson, online learning, and browser. Created in a clean lineal color style with a silver, red, yellow, teal, orange, 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 64 64"
>
<g>
<path
fill="#5aaae7"
d="M57 11v38a2.006 2.006 0 0 1-2 2H5a2.006 2.006 0 0 1-2-2V11z"
/>
<path
fill="#ff6243"
d="M57 5v6H3V5a2.006 2.006 0 0 1 2-2h50a2.006 2.006 0 0 1 2 2z"
/>
<g fill="#3d9ae2">
<path
d="M36 38.27a2 2 0 0 1 1-.27v2a1.955 1.955 0 0 0-.59-1.41 1.813 1.813 0 0 0-.41-.32zM42.41 26.59A1.955 1.955 0 0 1 43 28v8a2.006 2.006 0 0 0-2 2V28a1.955 1.955 0 0 0-.59-1.41 1.813 1.813 0 0 0-.41-.32 2 2 0 0 1 1-.27 1.955 1.955 0 0 1 1.41.59zM46.41 36.59a1.968 1.968 0 0 1 .33.43A2.005 2.005 0 0 0 45 39v-1a1.955 1.955 0 0 0-.59-1.41 1.813 1.813 0 0 0-.41-.32 2 2 0 0 1 1-.27 1.955 1.955 0 0 1 1.41.59zM50.41 37.59a1.968 1.968 0 0 1 .33.43A2.005 2.005 0 0 0 49 40v-1a1.955 1.955 0 0 0-.59-1.41 1.813 1.813 0 0 0-.41-.32 2 2 0 0 1 1-.27 1.955 1.955 0 0 1 1.41.59zM55 40v11h-2V40a1.955 1.955 0 0 0-.59-1.41 1.813 1.813 0 0 0-.41-.32 2 2 0 0 1 1-.27 2.015 2.015 0 0 1 2 2z"
/>
</g>
<path fill="#ffd422" d="M9 17h16v16H9z" />
<path fill="#3d9ae2" d="M25 17h2v16h-2z" />
<circle cx="20" cy="39" r="2" fill="#ffd422" />
<path fill="#ff5023" d="m20 25-6 3v-6z" />
<path
fill="#ffc477"
d="M52.41 38.59A1.955 1.955 0 0 0 51 38a2.006 2.006 0 0 0-2 2v-1a2.015 2.015 0 0 0-2-2 2.006 2.006 0 0 0-2 2v-1a2.015 2.015 0 0 0-2-2 2.006 2.006 0 0 0-2 2V28a2.015 2.015 0 0 0-2-2 2.006 2.006 0 0 0-2 2v12a2.015 2.015 0 0 0-2-2 2.006 2.006 0 0 0-2 2v11l4 5v5h14v-5l2-5V40a1.955 1.955 0 0 0-.59-1.41z"
/>
<path
d="M55 2H5a3 3 0 0 0-3 3v44a3 3 0 0 0 3 3h27.52L36 56.351V61a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1v-4.808L53.677 52H55a3 3 0 0 0 3-3V5a3 3 0 0 0-3-3zM5 4h50a1 1 0 0 1 1 1v5H4V5a1 1 0 0 1 1-1zm47 46.808-1.929 4.82A1.012 1.012 0 0 0 50 56v4H38v-4a1 1 0 0 0-.219-.625L34 50.649V40a1 1 0 0 1 2 0v6h2V28a1 1 0 0 1 2 0v14h2v-4a1 1 0 0 1 2 0v4h2v-3a1 1 0 0 1 2 0v3h2v-2a1 1 0 0 1 2 0zM55 50h-1V40a3 3 0 0 0-3-3 2.967 2.967 0 0 0-1.471.4 2.955 2.955 0 0 0-4-1A2.94 2.94 0 0 0 42 35.184V28a3 3 0 0 0-6 0v9.184A2.966 2.966 0 0 0 35 37a3 3 0 0 0-3 3v10H5a1 1 0 0 1-1-1V12h52v37a1 1 0 0 1-1 1z"
/>
<path
d="M13.474 28.851a1 1 0 0 0 .973.044l6-3a1 1 0 0 0 0-1.79l-6-3A1 1 0 0 0 13 22v6a1 1 0 0 0 .474.851zM15 23.618 17.764 25 15 26.382zM6 6h2v2H6zM10 6h2v2h-2zM14 6h2v2h-2zM20 36a3 3 0 0 0-2.816 2H8v2h9.184a2.982 2.982 0 0 0 5.632 0H26v-2h-3.184A3 3 0 0 0 20 36zm0 4a1 1 0 1 1 1-1 1 1 0 0 1-1 1z"
/>
<path
d="M25 16H9a1 1 0 0 0-1 1v16a1 1 0 0 0 1 1h16a1 1 0 0 0 1-1V17a1 1 0 0 0-1-1zm-1 16H10V18h14zM32 16h20v2H32zM32 20h6v2h-6zM40 20h12v2H40zM32 24h2v2h-2zM44 24h8v2h-8z"
/>
</g>
</svg>
More icons in the same style and category