Add icons to this collection by clicking the heart icon.
Online Learning icon - also known as computer, screen, education, reading, book, pencil, monitor, ebook, learning, and online learning. Created in a clean lineal color style with a white, silver, gray, yellow, 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="100"
height="100"
viewBox="0 0 512 512"
>
<path
d="M501.333 96v362.667c0 23.564-19.103 42.667-42.667 42.667H53.333c-23.564 0-42.667-19.103-42.667-42.667V96h490.667z"
fill="#d9eef7"
/>
<path
d="M501.333 53.333V96H10.667V53.333c0-23.564 19.103-42.667 42.667-42.667h405.333c23.564.001 42.666 19.103 42.666 42.667z"
fill="#aac4da"
/>
<path
d="M298.667 320v106.667H256V149.333c19.52 0 21.12-17.813 37.547-20.8l5.12 10.133V320z"
fill="#ffcf51"
/>
<path
d="M256 149.333v277.333h-42.667v-288l5.12-10.133c16.427 2.987 18.027 20.8 37.547 20.8z"
fill="#ffe451"
/>
<path
d="m256 53.333 37.547 75.2c-16.427 2.987-18.027 20.8-37.547 20.8-19.52 0-21.12-17.813-37.547-20.8L256 53.333z"
fill="#f2f2f2"
/>
<circle cx="416" cy="341.333" r="32" fill="#f2f2f2" />
<circle cx="256" cy="426.667" r="32" fill="#f2f2f2" />
<circle cx="96" cy="341.333" r="32" fill="#f2f2f2" />
<path
d="M458.667 0H53.333C23.893.035.035 23.893 0 53.333v405.333C.035 488.107 23.893 511.965 53.333 512h405.333c29.441-.035 53.298-23.893 53.333-53.333V53.333C511.965 23.893 488.107.035 458.667 0zm32 458.667c0 17.673-14.327 32-32 32H53.333c-17.673 0-32-14.327-32-32V53.333c0-17.673 14.327-32 32-32h405.333c17.673 0 32 14.327 32 32v405.334z"
fill="#4c5b66"
/>
<path
d="M330.667 85.333h138.667v21.333H330.667V85.333zM42.667 85.333h138.667v21.333H42.667V85.333zM53.333 42.667h21.333V64H53.333V42.667zM96 42.667h21.333V64H96V42.667zM437.333 42.667h21.333V64h-21.333V42.667zM416 298.667c-19.396.073-36.303 13.219-41.152 32H320c-5.365.526-10.14-3.395-10.667-8.76a9.8 9.8 0 0 1 0-1.907V138.667a10.661 10.661 0 0 0-1.141-4.811l-42.667-85.333a11.116 11.116 0 0 0-19.094 0l-42.667 85.333a10.681 10.681 0 0 0-1.099 4.811v181.205c.578 5.377-3.312 10.205-8.689 10.783a9.758 9.758 0 0 1-1.978.012H137.15c-5.891-22.816-29.163-36.536-51.978-30.645-22.814 5.891-36.535 29.162-30.644 51.978s29.163 36.536 51.978 30.645A42.664 42.664 0 0 0 137.151 352H192c17.171.502 31.498-13.01 32-30.181.018-.606.018-1.213 0-1.819V143.2c.96.875 1.984 1.856 3.2 3.029a42.96 42.96 0 0 0 18.133 12.224v227.061c-22.816 5.891-36.536 29.163-30.645 51.978 5.891 22.816 29.163 36.536 51.978 30.645 22.816-5.891 36.536-29.163 30.645-51.979a42.664 42.664 0 0 0-30.645-30.645v-227.06a42.947 42.947 0 0 0 18.133-12.224c1.173-1.163 2.133-2.133 3.2-3.029V320c-.502 17.171 13.01 31.498 30.181 32 .606.018 1.213.018 1.819 0h54.848c5.932 22.763 29.194 36.406 51.957 30.474 22.763-5.932 36.406-29.194 30.474-51.957-4.894-18.782-21.868-31.879-41.278-31.85zm-320 64c-11.782 0-21.333-9.551-21.333-21.333S84.218 320 96 320s21.333 9.551 21.333 21.333-9.551 21.334-21.333 21.334zm181.333 64c0 11.782-9.551 21.333-21.333 21.333-11.782 0-21.333-9.551-21.333-21.333 0-11.782 9.551-21.333 21.333-21.333 11.782-.001 21.333 9.551 21.333 21.333zm-21.333-288c-6.005 0-8.533-2.304-13.749-7.467a61.1 61.1 0 0 0-9.248-7.957L246.603 96h18.795l13.6 27.2a60.682 60.682 0 0 0-9.248 7.957c-5.217 5.206-7.755 7.51-13.75 7.51zm160 224c-11.782 0-21.333-9.551-21.333-21.333S404.218 320 416 320c11.782 0 21.333 9.551 21.333 21.333s-9.551 21.334-21.333 21.334zM53.333 149.333V192h21.333v-32h32v-21.333H64c-5.891 0-10.667 4.775-10.667 10.666z"
fill="#4c5b66"
/>
</svg>
More icons in the same style and category