Add icons to this collection by clicking the heart icon.
Online Learning icon - also known as education, tablet, online learning, electronics, device, online class, elearning, and digital learning. Created in a clean lineal color style with a white, silver, gray, black, yellow, teal, 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>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0h-329.411c-11.714 0-21.21 9.496-21.21 21.21v454.58c0 11.714 9.496 21.21 21.21 21.21H0c11.714 0 21.209-9.496 21.209-21.21V21.21C21.209 9.496 11.714 0 0 0"
transform="translate(396.711 7.5)"
fill="#c9e2e7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v398.828a9.072 9.072 0 0 0 9.073 9.072H282.73a9.072 9.072 0 0 0 9.073-9.072V0a9.072 9.072 0 0 0-9.073-9.072H9.073A9.072 9.072 0 0 0 0 0"
transform="translate(86.105 56.586)"
fill="#fffae3"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-65.246a9.073 9.073 0 0 0 9.073-9.072V-407.9a9.073 9.073 0 0 0-9.073-9.073H0a9.073 9.073 0 0 1 9.073 9.073V-9.072A9.073 9.073 0 0 1 0 0"
transform="translate(368.835 464.486)"
fill="#fdf3ac"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-273.658a9.072 9.072 0 0 1-9.072-9.072v-44.081H9.073v44.081A9.073 9.073 0 0 1 0 0"
transform="translate(368.835 464.486)"
fill="#89c6fc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-44.081h65.246V0a9.072 9.072 0 0 1-9.073 9.072H-9.073A9.072 9.072 0 0 0 0 0"
transform="translate(312.662 455.414)"
fill="#62b4fd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a7.416 7.416 0 0 0-7.417-7.417A7.416 7.416 0 0 0-14.833 0 7.417 7.417 0 1 0 0 0"
transform="translate(277.036 437.91)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a7.417 7.417 0 1 0-14.833 0A7.417 7.417 0 0 0 0 0"
transform="translate(307.468 437.91)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a7.417 7.417 0 1 0-14.833 0A7.417 7.417 0 0 0 0 0"
transform="translate(337.9 437.91)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h194.132"
transform="translate(134.94 229.833)"
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 0h194.132"
transform="translate(134.94 192.242)"
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 0h194.132"
transform="translate(134.94 154.652)"
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-101.854-40.271c-3.406-1.346-3.406-6.167 0-7.513L0-88.056a4.044 4.044 0 0 1 2.971 0l101.854 40.272c3.406 1.346 3.406 6.167 0 7.513L2.971 0A4.034 4.034 0 0 1 0 0"
transform="translate(230.52 365.717)"
fill="#818181"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-89.372a6.914 6.914 0 0 0-6.913 6.913V32.19a4.779 4.779 0 0 0 3.59 4.629l15.611 4.013a130.165 130.165 0 0 0 64.797 0l15.61-4.013a4.779 4.779 0 0 0 3.59-4.629V6.913A6.913 6.913 0 0 0 0 0"
transform="translate(276.692 273.77)"
fill="#595959"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-43.226-16.655c-4.087-1.574-8.105 2.443-6.53 6.53l16.655 43.226A54.922 54.922 0 0 0-20.69 52.185l201.928 201.928c10.984 10.984 28.791 10.984 39.774 0 10.984-10.983 10.984-28.791 0-39.774L19.083 12.41A54.92 54.92 0 0 0 0 0"
transform="translate(236.66 24.505)"
fill="#fb636f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-39.774 39.774-20.85-20.849L-20.85-20.85Z"
transform="translate(440.437 221.61)"
fill="#fcee56"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-39.774 39.774-4.748-4.749a54.88 54.88 0 0 1-12.411-19.084l-16.655-43.225c-1.575-4.087 2.442-8.105 6.53-6.53l43.225 16.655A54.916 54.916 0 0 1-4.749-4.749z"
transform="translate(260.492 41.664)"
fill="#df9874"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-10.983 10.983-28.791 10.983-39.774 0l-17.234-17.234 39.774-39.775L0-39.774C10.983-28.791 10.983-10.983 0 0"
transform="translate(457.671 278.618)"
fill="#3590bb"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-159.096-159.096"
transform="translate(399.7 220.647)"
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 0v168.853c0 11.713-9.496 21.209-21.209 21.209H-350.62c-11.714 0-21.21-9.496-21.21-21.209v-454.581c0-11.713 9.496-21.209 21.21-21.209h329.411C-9.496-306.937 0-297.441 0-285.728V-153.5"
transform="translate(417.92 314.438)"
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 0v216.786a9.072 9.072 0 0 1-9.073 9.072H-282.73a9.072 9.072 0 0 1-9.073-9.072v-398.828a9.072 9.072 0 0 1 9.073-9.072h104.492"
transform="translate(377.908 238.628)"
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 0h102.494a9.073 9.073 0 0 1 9.073 9.072v102.494"
transform="translate(266.34 47.514)"
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-43.226-16.655c-4.087-1.574-8.105 2.443-6.53 6.53l16.655 43.226A54.922 54.922 0 0 0-20.69 52.185l201.928 201.928c10.984 10.984 28.791 10.984 39.774 0 10.984-10.983 10.984-28.791 0-39.774L19.083 12.41A54.92 54.92 0 0 0 0 0Z"
transform="translate(236.66 24.505)"
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-39.774 39.774"
transform="translate(260.492 41.664)"
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 51.741 20.458c3.406 1.347 3.406 6.167 0 7.514l-101.854 40.27a4.034 4.034 0 0 1-2.971 0l-101.854-40.27c-3.406-1.347-3.406-6.167 0-7.514L-103.197 0"
transform="translate(283.604 297.475)"
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-89.372a6.914 6.914 0 0 0-6.913 6.913V32.19a4.779 4.779 0 0 0 3.59 4.629l15.611 4.013a130.165 130.165 0 0 0 64.797 0l15.61-4.013a4.779 4.779 0 0 0 3.59-4.629V6.913A6.913 6.913 0 0 0 0 0Z"
transform="translate(276.692 273.77)"
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 0h234.264"
transform="translate(143.644 411.333)"
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 0h22.476"
transform="translate(86.105 411.333)"
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-39.774 39.774-20.85-20.849L-20.85-20.85Z"
transform="translate(440.437 221.61)"
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