Add icons to this collection by clicking the heart icon.
Online Learning icon - also known as education, study, read, computer monitor, online learning, electronics, elearning, digital book, and online library. Created in a clean lineal color style, 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="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0c0 21.076-17.085 38.161-38.161 38.161h-415.678C-474.915 38.161-492 21.076-492 0v-239.839H0Z"
transform="translate(502 409.839)"
fill="#00d7f7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h415.678c21.076 0 38.161 17.085 38.161 38.161V80h-492V38.161C-38.161 17.085-21.076 0 0 0"
transform="translate(48.161 90)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-90.898l-23.839-80H23.838Z"
transform="translate(301.45 90)"
fill="#00d7f7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M462 170H50v108.844h412z"
fill="#ffce62"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c10.068 0 18.229-8.162 18.229-18.23C18.229-8.162 26.391 0 36.459 0h187.769v286.78H36.459c-10.068 0-18.23-8.161-18.23-18.23 0 10.069-8.161 18.23-18.229 18.23h-187.772V0Z"
transform="translate(237.772 215.22)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h206.102"
transform="translate(152.95 10)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-90.898l-23.839-80H23.838Z"
transform="translate(301.45 90)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c21.076 0 38.161-17.085 38.161-38.161v-281.678C38.161-340.915 21.076-358 0-358h-415.678c-21.075 0-38.161 17.085-38.161 38.161v281.678C-453.839-17.085-436.753 0-415.678 0"
transform="translate(463.839 448)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h482.781"
transform="translate(14.564 170)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-56.004v-286.78h187.772c10.067 0 18.229-8.162 18.229-18.23 0 10.068 8.162 18.23 18.23 18.23h187.769V0H168.227c-10.068 0-18.23-8.162-18.23-18.23 0 10.068-8.162 18.23-18.229 18.23H90"
transform="translate(106.004 502)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-315.743"
transform="translate(256 485.743)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h52.613"
transform="translate(405.478 215.22)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-108.844h-412V0"
transform="translate(462 278.844)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h104"
transform="translate(301.999 450.61)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h104"
transform="translate(301.999 404.61)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h104"
transform="translate(301.999 358.61)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h104"
transform="translate(301.999 312.61)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h104"
transform="translate(301.999 266.61)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-104"
transform="translate(210.004 450.61)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-104"
transform="translate(210.004 404.61)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-104"
transform="translate(210.004 358.61)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-104"
transform="translate(210.004 312.61)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-104"
transform="translate(210.004 266.61)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v0"
transform="translate(151.004 502)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category