Add icons to this collection by clicking the heart icon.
Online Learning icon - also known as computer, education, user, headset, school, presentation, analysis, graduate, online learning, blended learning, elearning, and online training. 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 0v-162.708l-39.549 13.13-23.359 7.75a17.4 17.4 0 0 0-11.88 16.499v87.87c0 7.48 4.78 14.119 11.88 16.489l23.359 7.79z"
transform="translate(82.288 263.334)"
fill="#aec9d6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-162.708l-39.549 13.13V-13.18Z"
transform="translate(82.288 263.334)"
fill="#8fb2bc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-167.089c0-6.33-5.13-11.46-11.459-11.46-2.98 0-5.79.7-8.28 1.95-1.79.901-3.42 2.08-4.83 3.48a18.476 18.476 0 0 0-5.43 13.12V-7.09c0 7.26 4.18 13.55 10.26 16.59 2.49 1.25 5.3 1.949 8.28 1.949 3.17 0 6.029-1.279 8.1-3.359A11.37 11.37 0 0 0 0 0"
transform="translate(97.226 265.477)"
fill="#466175"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-167.089c0-6.33-5.13-11.46-11.459-11.46-2.98 0-5.79.7-8.28 1.95a11.45 11.45 0 0 1 5.05 9.51V0c0 3.16-1.28 6.02-3.35 8.09-.521.519-1.09.99-1.7 1.41 2.49 1.25 5.3 1.949 8.28 1.949 3.17 0 6.029-1.279 8.1-3.359A11.37 11.37 0 0 0 0 0"
transform="translate(97.226 265.477)"
fill="#2d4859"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-162.709l39.549 13.13 23.359 7.75a17.4 17.4 0 0 1 11.88 16.5v87.869c0 7.48-4.78 14.12-11.88 16.489l-23.359 7.79z"
transform="translate(429.712 263.326)"
fill="#aec9d6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-162.709l39.549 13.13v136.398z"
transform="translate(429.712 263.326)"
fill="#8fb2bc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-167.089c0-6.329 5.13-11.459 11.459-11.459 2.98 0 5.79.699 8.28 1.949 1.79.901 3.42 2.08 4.83 3.481a18.472 18.472 0 0 1 5.43 13.12V-7.09c0 7.26-4.18 13.55-10.26 16.59-2.49 1.25-5.3 1.95-8.28 1.95-3.17 0-6.029-1.28-8.1-3.36A11.369 11.369 0 0 1 0 0"
transform="translate(414.774 265.468)"
fill="#466175"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-167.089c0-6.329 5.13-11.459 11.459-11.459 2.98 0 5.79.699 8.28 1.949a11.451 11.451 0 0 0-5.05 9.51V0c0 3.16 1.28 6.021 3.35 8.09.521.52 1.09.99 1.7 1.41-2.49 1.25-5.3 1.95-8.28 1.95-3.17 0-6.029-1.28-8.1-3.36A11.369 11.369 0 0 1 0 0"
transform="translate(414.774 265.468)"
fill="#2d4859"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-18.756 41.097-48.688 75.945-86.559 100.778-38.879 25.494-84.106 38.971-130.787 38.971-46.681 0-91.908-13.477-130.788-38.971C-386.004 75.945-415.936 41.097-434.692 0c-4.587-10.049-.159-21.913 9.89-26.499 10.049-4.587 21.91-.156 26.497 9.891 15.62 34.222 40.553 63.248 72.105 83.936 32.346 21.21 69.987 32.421 108.854 32.421 38.867 0 76.508-11.211 108.854-32.421C-76.94 46.64-52.007 17.614-36.388-16.608c3.358-7.358 10.616-11.702 18.207-11.702 2.777 0 5.599.582 8.29 1.811C.158-21.913 4.587-10.049 0 0"
transform="translate(473.353 364.749)"
fill="#466175"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-19.636-5.085-38.079-14.017-54.091-17.291-31.016-48.975-52.898-86.037-56.59-3.68-.377-7.41-.561-11.187-.561-41.808 0-78.221 23.054-97.226 57.151-8.93 16.012-14.016 34.455-14.016 54.091 0 19.566 5.046 37.952 13.929 53.925 18.966 34.184 55.437 57.316 97.313 57.316 3.167 0 6.305-.136 9.405-.397 37.885-3.167 70.374-25.321 87.906-56.919C-5.047 37.952 0 19.566 0 0"
transform="translate(367.252 194.183)"
fill="#57f3ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-19.636-5.085-38.079-14.017-54.091-17.291-31.016-48.975-52.898-86.037-56.59 43.377 17.872 73.9 60.572 73.9 110.4 0 50.515-31.366 93.699-75.682 111.125 37.885-3.167 70.374-25.321 87.906-56.919C-5.047 37.952 0 19.566 0 0"
transform="translate(367.252 194.183)"
fill="#55d7ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-19.636-5.085-38.079-14.017-54.091h-194.45c-8.93 16.012-14.016 34.455-14.016 54.091z"
transform="translate(367.252 194.183)"
fill="#55d7ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-194.624c18.966 34.185 55.437 57.316 97.312 57.316 3.167 0 6.306-.135 9.406-.397C-50.021 53.752-17.532 31.599 0 0"
transform="translate(353.322 248.107)"
fill="#55d7ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-19.636-1.851-38.079-5.086-54.091-6.896-34.097-20.109-57.151-35.278-57.151-15.17 0-28.383 23.054-35.28 57.151C-78.879-38.079-80.729-19.636-80.729 0c0 19.566 1.831 37.952 5.056 53.925 6.888 34.184 20.119 57.316 35.309 57.316 15.188 0 28.42-23.132 35.307-57.316C-1.831 37.952 0 19.566 0 0"
transform="translate(296.375 194.183)"
fill="#55d7ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-70.616c6.887 34.185 20.119 57.316 35.308 57.316S-6.888 34.185 0 0"
transform="translate(291.318 248.107)"
fill="#57bbff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-19.636-1.851-38.079-5.086-54.091h-70.558C-78.879-38.079-80.729-19.636-80.729 0Z"
transform="translate(296.375 194.183)"
fill="#57bbff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-25.204c-13.193 25.835-35.512 46.226-62.702 56.919C-50.021 53.752-17.532 31.599 0 0"
transform="translate(353.322 248.107)"
fill="#57bbff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-19.636-5.085-38.079-14.017-54.091H-38.94c8.175 16.167 12.786 34.446 12.786 53.81V0z"
transform="translate(367.252 194.183)"
fill="#57bbff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-10.239-8.3-18.529-18.54-18.529h-72.907c-5.13 0-9.76 2.069-13.12 5.42a18.542 18.542 0 0 0-5.09 9.559c-.22 1.151-.34 2.34-.34 3.55 0 6.32 5.13 11.44 11.46 11.44h87.087c3.16 0 6.02-1.28 8.09-3.35A11.37 11.37 0 0 0 0 0"
transform="translate(310.782 26.027)"
fill="#466175"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-10.239-8.3-18.529-18.54-18.529h-72.907c-5.13 0-9.76 2.069-13.12 5.42a18.542 18.542 0 0 0-5.09 9.559h79.658c9.029 0 16.55 6.45 18.209 14.99h.34c3.16 0 6.02-1.28 8.09-3.35A11.37 11.37 0 0 0 0 0"
transform="translate(310.782 26.027)"
fill="#2d4859"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v29.024c0 10.242 8.294 18.544 18.525 18.544 6.321 0 11.444-5.129 11.444-11.455v-167.088c0-6.326-5.123-11.455-11.444-11.455C8.294-142.43 0-134.127 0-123.886v88.851"
transform="translate(67.257 229.363)"
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-47.877 16.028a17.39 17.39 0 0 0-11.865 16.493v87.868a17.39 17.39 0 0 0 11.865 16.493L0 152.91"
transform="translate(67.257 105.478)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v27.282c0 10.241-8.294 18.544-18.525 18.544-6.321 0-11.444-5.129-11.444-11.455v-167.088c0-6.326 5.123-11.455 11.444-11.455C-8.294-144.172 0-135.869 0-125.628v90.708"
transform="translate(444.758 231.106)"
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 47.877 16.028a17.39 17.39 0 0 1 11.865 16.493v87.868a17.39 17.39 0 0 1-11.865 16.493L0 152.91"
transform="translate(444.758 105.478)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c-4.069-16.461-6.229-33.677-6.229-51.396v-36.359"
transform="translate(49.157 338.143)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v36.358c0 17.72-2.159 34.936-6.229 51.397"
transform="translate(469.086 250.388)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c24.623 10.604 51.249 16.115 78.478 16.115 38.835 0 76.445-11.211 108.764-32.421 31.526-20.688 56.438-49.714 72.045-83.936 3.355-7.358 10.606-11.701 18.192-11.701 2.774 0 5.594.582 8.284 1.81 10.04 4.586 14.465 16.45 9.882 26.499-18.742 41.097-48.649 75.946-86.489 100.779-38.847 25.494-84.036 38.97-130.678 38.97-46.644 0-91.832-13.476-130.68-38.97-37.84-24.833-67.747-59.682-86.488-100.779-4.583-10.049-.159-21.913 9.882-26.499 10.041-4.587 21.892-.156 26.475 9.891 15.607 34.222 40.52 63.248 72.046 83.936"
transform="translate(177.53 448.383)"
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-61.441-49.806-111.249-111.244-111.249-61.44 0-111.245 49.808-111.245 111.249 0 61.44 49.805 111.248 111.245 111.248C-49.806 111.248 0 61.44 0 0Z"
transform="translate(367.252 194.183)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-61.441-18.071-111.249-40.363-111.249-22.293 0-40.365 49.808-40.365 111.249 0 61.44 18.072 111.248 40.365 111.248C-18.071 111.248 0 61.44 0 0Z"
transform="translate(296.371 194.183)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h194.452"
transform="translate(158.784 140.09)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h194.643"
transform="translate(158.686 248.112)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h222.489"
transform="translate(144.763 194.183)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c10.241 0 18.544 8.294 18.544 18.525 0 6.321-5.129 11.445-11.455 11.445h-87.087c-6.326 0-11.455-5.124-11.455-11.445C-91.453 8.294-83.15 0-72.909 0Z"
transform="translate(292.238 7.502)"
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 0h101.191c31.732 0 57.455 25.724 57.455 57.456v33.679"
transform="translate(310.44 22.487)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category