Add icons to this collection by clicking the heart icon.
Online Lesson icon - also known as education, school, wifi, online learning, elearning, and online lesson. Created in a clean lineal color style with a white, silver, black, 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="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<path
d="M0 0v34.198l-168.796 172.187-165.099-172.187V0Z"
transform="matrix(1.33333 0 0 -1.33333 563.93 396.642)"
fill="#a79ba7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0h-425.465a10.95 10.95 0 0 1-10.139-6.813l-25.188-61.742c-1.576-3.863 1.266-8.091 5.438-8.091H29.889c4.172 0 7.013 4.228 5.437 8.091L10.139-6.813A10.952 10.952 0 0 1 0 0"
transform="translate(468.733 255.926)"
fill="#cbc4cc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-445.978c-6.746 0-12.215 5.469-12.215 12.215v154.571H12.216V12.215C12.216 5.469 6.747 0 0 0"
transform="translate(478.989 12.494)"
fill="#ffe177"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-25.188 61.742a10.95 10.95 0 0 1-10.138 6.813h-30.346a10.95 10.95 0 0 0 10.139-6.813L-30.345 0c1.575-3.863-1.265-8.09-5.437-8.09h30.345C-1.266-8.09 1.576-3.863 0 0"
transform="translate(504.059 187.37)"
fill="#b5adb6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-154.431c0-6.824-5.531-12.356-12.355-12.356h30.344c6.824 0 12.357 5.532 12.357 12.356V0Z"
transform="translate(460.859 179.28)"
fill="#ffd15b"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-228.389v243.432l112.93 117.778L0 243.432Z"
transform="translate(370.195 12.494)"
fill="#ffeca9"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-15.004-15.649 79.225-80.817a73.077 73.077 0 0 0 20.892-51.157v-213.588h30.346v243.433z"
transform="translate(254.736 373.704)"
fill="#ffe177"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-23.458-19.017-42.475-42.475-42.475-23.458 0-42.474 19.017-42.474 42.475 0 23.458 19.016 42.475 42.474 42.475S0 23.458 0 0"
transform="translate(297.21 248.126)"
fill="#fdfcfc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a42.374 42.374 0 0 1-15.173-2.801C.79-8.91 12.13-24.364 12.13-42.475c0-18.11-11.34-33.564-27.303-39.673A42.353 42.353 0 0 1 0-84.95c23.458 0 42.475 19.017 42.475 42.475C42.475-19.017 23.458 0 0 0"
transform="translate(254.736 290.6)"
fill="#f1f1f1"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h34.106v72.032H0c-6.634 0-12.012-5.378-12.012-12.012V12.012C-12.012 5.378-6.634 0 0 0"
transform="translate(457.098 65.222)"
fill="#fdfcfc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M460.859 65.222h30.346v72.032h-30.346z"
fill="#e5e1e5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-108.749v130.295c0 7.566 6.133 13.699 13.698 13.699h81.353c7.565 0 13.698-6.133 13.698-13.699Z"
transform="translate(310.374 12.494)"
fill="#fdfcfc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-30.346c7.653 0 13.857-6.204 13.857-13.856v-130.138h30.344v130.138C13.855-6.204 7.652 0 0 0"
transform="translate(296.519 156.488)"
fill="#f1f1f1"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v21.44c0 6.021 4.881 10.903 10.903 10.903H74.6v-43.245H10.903C4.881-10.902 0-6.021 0 0"
transform="translate(179.552 467.164)"
fill="#ffc9de"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-34.106v72.032H0c6.634 0 12.012-5.378 12.012-12.012V12.012C12.012 5.378 6.634 0 0 0"
transform="translate(54.902 65.222)"
fill="#fdfcfc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c5.579 5.579 13.287 9.03 21.801 9.03 8.513 0 16.221-3.451 21.802-9.03"
transform="translate(401.147 389.3)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c11.564 11.565 27.541 18.718 45.188 18.718 17.648 0 33.625-7.153 45.19-18.718"
transform="translate(377.76 412.688)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c17.697 17.697 42.146 28.643 69.15 28.643 27.005 0 51.454-10.946 69.151-28.643"
transform="translate(353.797 436.649)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-157.199 160.357L-310.956 0"
transform="translate(411.35 260.546)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-154.43c0-6.824-5.532-12.356-12.356-12.356h-445.697c-6.824 0-12.356 5.532-12.356 12.356V0h118.729"
transform="translate(491.204 179.28)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h34.461c4.172 0 7.014 4.228 5.437 8.091L14.711 69.833a10.952 10.952 0 0 1-10.139 6.813h-49.377"
transform="translate(464.16 179.28)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h59.363"
transform="translate(374.452 179.28)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-98.538c-4.45 0-8.458-2.693-10.138-6.813l-25.188-61.742c-1.576-3.863 1.265-8.091 5.437-8.091H-2.281"
transform="translate(141.805 255.926)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-49.161"
transform="translate(419.356 255.926)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v150.73l112.93 117.779L228.389 150.73V-92.702H0v62.357"
transform="translate(141.805 105.195)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-23.458-19.017-42.475-42.475-42.475-23.458 0-42.474 19.017-42.474 42.475 0 23.458 19.016 42.475 42.474 42.475S0 23.458 0 0Z"
transform="translate(297.21 248.126)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-30.119C-36.83 0-42.27-5.44-42.27-12.15v-47.732c0-6.71 5.44-12.15 12.151-12.15H-.482"
transform="translate(487.356 137.254)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v125.179c0 7.652 6.204 13.856 13.856 13.856h81.038c7.652 0 13.855-6.204 13.855-13.856V.197"
transform="translate(201.625 17.453)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-138.782"
transform="translate(256 151.276)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-17.671"
transform="translate(254.736 265.798)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-6.223 6.256"
transform="translate(260.958 241.87)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v78.603"
transform="translate(254.152 420.904)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h63.697v43.245H0c-6.021 0-10.903-4.881-10.903-10.903V10.903C-10.903 4.881-6.021 0 0 0Z"
transform="translate(190.454 456.261)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h29.791c6.71 0 12.15-5.44 12.15-12.15v-47.732c0-6.71-5.44-12.15-12.15-12.15H.684"
transform="translate(24.973 137.254)"
fill="none"
stroke="#000"
stroke-width="15"
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