Add icons to this collection by clicking the heart icon.
Online Learning icon - also known as interface, education, click, study, school, ebook, open book, online learning, ui, and elearning. 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>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0h-461.908c-9.69 0-17.546 7.856-17.546 17.546v262.747c0 9.69 7.856 17.546 17.546 17.546H0c9.69 0 17.546-7.856 17.546-17.546V17.546C17.546 7.856 9.69 0 0 0"
transform="translate(486.954 119.169)"
fill="#ffe177"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-156.376c-13.799 0-24.985-11.186-24.985-24.985v-270.347h.105c1.134 12.748 11.837 22.744 24.88 22.744H0c11.542 0 20.899 9.357 20.899 20.899v230.79C20.899-9.357 11.542 0 0 0"
transform="translate(437.361 443.507)"
fill="#f1f1f1"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h156.376c13.799 0 24.985-11.186 24.985-24.985v-270.347h-.105c-1.134 12.748-11.837 22.744-24.88 22.744H0c-11.542 0-20.899 9.357-20.899 20.899v230.79C-20.899-9.357-11.542 0 0 0"
transform="translate(74.639 443.507)"
fill="#f1f1f1"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-12.994 8.03a3.319 3.319 0 0 1-3.365.074l-15.137-8.47c-2.212-1.238-4.939.362-4.939 2.896v132.076a9.546 9.546 0 0 0 9.546 9.546h22.406a9.546 9.546 0 0 0 9.546-9.546V2.823C5.063.224 2.211-1.366 0 0"
transform="translate(209.25 325.505)"
fill="#60b7ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-97.722a9.472 9.472 0 0 0-9.472 9.473v59.11c0 5.231 4.24 9.473 9.472 9.473H0c5.231 0 9.473-4.242 9.473-9.473V9.473A9.473 9.473 0 0 0 0 0"
transform="translate(410.406 324.712)"
fill="#b3dafe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-30c9.69 0 17.546-7.856 17.546-17.546v-262.747c0-9.69-7.856-17.546-17.546-17.546H0c9.69 0 17.546 7.856 17.546 17.546v262.747C17.546-7.856 9.69 0 0 0"
transform="translate(486.954 417.008)"
fill="#ffd15b"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-30C-18.458 0-9.101-9.357-9.101-20.899v-230.79c0-11.543-9.357-20.899-20.899-20.899H0c11.542 0 20.899 9.356 20.899 20.899v230.79C20.899-9.357 11.542 0 0 0"
transform="translate(437.361 443.507)"
fill="#e5e1e5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h.105c1.134 12.748 11.836 22.744 24.879 22.744H0Z"
transform="translate(256 148.175)"
fill="#e5e1e5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-30C-16.201 0-5.015-11.186-5.015-24.985v-247.603H0c13.043 0 23.746-9.996 24.88-22.744h.105v270.347C24.985-11.186 13.799 0 0 0"
transform="translate(231.015 443.507)"
fill="#e5e1e5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-30c5.231 0 9.473-4.241 9.473-9.472v-59.111c0-5.231-4.242-9.472-9.473-9.472H0c5.231 0 9.473 4.241 9.473 9.472v59.111C9.473-4.241 5.231 0 0 0"
transform="translate(410.406 402.767)"
fill="#60b7ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 28.508-28.508a6.329 6.329 0 0 1 8.951 0L57.635-8.332a6.33 6.33 0 0 1 0 8.952L29.127 29.127a1.316 1.316 0 0 0 0 1.86l9.653 9.653c4.816 4.815 2.237 13.057-4.464 14.269L-31.072 66.74c-3.865.699-7.24-2.676-6.541-6.541l11.831-65.388c1.213-6.701 9.454-9.279 14.27-4.464L-1.859 0A1.313 1.313 0 0 0 0 0"
transform="translate(431.363 72.705)"
fill="#cbc4cc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-61.051c-9.69 0-17.546 7.856-17.546 17.546v262.747c0 9.69 7.856 17.546 17.546 17.546h25.441"
transform="translate(86.097 119.169)"
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-275.917"
transform="translate(392.013 119.169)"
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 0h25.079c9.69 0 17.546-7.856 17.546-17.546v-262.747c0-9.69-7.856-17.546-17.546-17.546h-9.707"
transform="translate(461.875 417.008)"
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-55.284c-13.799 0-24.985-11.186-24.985-24.985v-270.347h.105c1.134 12.748 11.837 22.744 24.88 22.744h156.376c11.542 0 20.899 9.357 20.899 20.899v230.79C121.991-9.357 112.634 0 101.092 0H30"
transform="translate(336.269 443.507)"
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 0h39.838"
transform="translate(96.178 390.84)"
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 0h39.838"
transform="translate(96.178 356.608)"
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 0h39.838"
transform="translate(96.178 322.376)"
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 0h122.74"
transform="translate(96.178 288.144)"
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 0h122.74"
transform="translate(96.178 251.576)"
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 0h122.74"
transform="translate(96.178 215.008)"
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 0h122.739"
transform="translate(300.175 288.144)"
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 0h122.739"
transform="translate(300.175 251.576)"
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 0h122.739"
transform="translate(300.175 215.008)"
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-12.994 8.03a3.319 3.319 0 0 1-3.365.074l-15.137-8.47c-2.212-1.238-4.939.362-4.939 2.896v132.076a9.546 9.546 0 0 0 9.546 9.546h22.406a9.546 9.546 0 0 0 9.546-9.546V2.823C5.063.224 2.211-1.366 0 0Z"
transform="translate(209.25 325.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 0h-97.722a9.472 9.472 0 0 0-9.472 9.473v59.11c0 5.231 4.24 9.473 9.472 9.473H0c5.231 0 9.473-4.242 9.473-9.473V9.473A9.473 9.473 0 0 0 0 0Z"
transform="translate(410.406 324.712)"
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 28.508-28.508a6.329 6.329 0 0 1 8.951 0L57.635-8.332a6.33 6.33 0 0 1 0 8.952L29.127 29.127a1.316 1.316 0 0 0 0 1.86l9.653 9.653c4.816 4.815 2.237 13.057-4.464 14.269L-31.072 66.74c-3.865.699-7.24-2.676-6.541-6.541l11.831-65.388c1.213-6.701 9.454-9.279 14.27-4.464L-1.859 0A1.313 1.313 0 0 0 0 0Z"
transform="translate(431.363 72.705)"
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 0h11.812C25.61 0 36.796-11.186 36.796-24.985v-270.347h-.105c-1.134 12.748-11.837 22.744-24.879 22.744h-156.377c-11.542 0-20.899 9.357-20.899 20.899v230.79C-165.464-9.357-156.107 0-144.565 0h98.177"
transform="translate(219.204 443.507)"
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