Add icons to this collection by clicking the heart icon.
Online Learning icon - also known as computer, user, teacher, man, online learning, communications, online class, elearning, and online course. Created in a clean flat style with a white, silver, gray, 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="512"
height="512"
viewBox="0 0 512 512"
>
<path
fill="#3590bb"
d="m168.285 484.993 22.703-92.105h71.901l22.704 92.105z"
/>
<path
fill="#eff3f5"
d="M400.925 104.841H25.337c-13.884 0-25.139 11.255-25.139 25.139v248.383h400.727z"
/>
<path
fill="#c9e2e7"
d="M453.68 378.363V129.98c0-13.884-11.255-25.139-25.139-25.139h-42.076v273.523h67.215z"
/>
<path
fill="#88b9d4"
d="M400.925 388.733v-17.191H.198v24.949c0 13.884 11.255 25.139 25.139 25.139h342.691c18.168-.001 32.897-14.729 32.897-32.897z"
/>
<path
fill="#3590bb"
d="M453.68 396.49v-24.949h-67.215v24.949c0 13.884-11.255 25.139-25.139 25.139h67.215c13.884 0 25.139-11.255 25.139-25.139z"
/>
<path
fill="#88b9d4"
d="M265.837 479.941c0-6.735-2.561-14.989-17.847-14.989H160.1c-20.197 0-36.569 16.373-36.569 36.569 0 5.788 4.692 10.479 10.48 10.479h129.123l2.704-3.262v-28.797z"
/>
<path
fill="#3590bb"
d="M293.779 464.951h-46.923c8.989 0 16.277 7.287 16.277 16.277V512h56.736c5.788 0 10.48-4.692 10.48-10.479-.001-20.197-16.374-36.57-36.57-36.57z"
/>
<path
fill="#dfdfdf"
d="M60.339 330.485c0-21.506-3.466-42.75-10.303-63.142l-9.749-9.715C15.943 272.68.197 299.559.197 329.531v42.011h60.141v-41.057z"
/>
<path
fill="#fcd0a3"
d="m159.002 260.014 72.511-17.141-14.889-3.047c-11.913-2.438-20.466-12.92-20.466-25.079v-48.551h-74.209v48.551c0 12.159-8.554 22.641-20.466 25.079l-14.945 3.059z"
/>
<path
fill="#3590bb"
d="M254.249 371.542V332.4c0-35.424-19.635-66.982-49.502-83.2l-45.746 10.814-72.511-17.141-18.821 3.852a84.354 84.354 0 0 0-27.423 10.862l3.929 11.72a192.463 192.463 0 0 1 9.982 61.178v41.056h200.092z"
/>
<path
fill="#cbcbcb"
d="M270.68 261.494c-7.238 21.59-12.08 46.475-12.08 69.246v40.801h59.31V329.53c0-29.999-15.777-56.89-40.159-71.933z"
/>
<path
fill="#0e80ac"
d="m250.335 246.725-18.821-3.852-34.351 8.12c31.696 12.593 53.27 43.448 53.27 78.537v42.011h13.413v-41.057c0-20.798 3.371-41.458 9.982-61.177l3.929-11.721a84.383 84.383 0 0 0-27.422-10.861z"
/>
<g fill="#0e80ac">
<path
d="M120.552 276.67a8.314 8.314 0 0 0 10.297 1.127l28.153-17.783-42.589-27.278-.003-.002-1.166-.831a25.54 25.54 0 0 1-13.864 7.925l-14.889 3.047zM197.452 276.67l34.062-33.796-14.889-3.047a25.537 25.537 0 0 1-13.84-7.899l-1.193.808-42.589 27.278 28.153 17.783a8.313 8.313 0 0 0 10.296-1.127z"
/>
</g>
<path
fill="#fcd0a3"
d="M241.496 95.722H76.707c-12.466 0-22.572 10.106-22.572 22.572s10.106 22.572 22.572 22.572h164.789c12.466 0 22.572-10.106 22.572-22.572-.001-12.466-10.106-22.572-22.572-22.572z"
/>
<path
fill="#fcd0a3"
d="M164.531 189.669c15.436-13.303 22.155-32.891 22.592-53.242h-.012V19.378c0-4.922-.534-9.799-1.561-14.546C177.756 1.937 168.956.11 159.096 0c-22.353.25-39.275 9.305-51.313 19.68-.561.484-1.113.976-1.655 1.477-13.127 12.117-20.222 29.429-20.21 47.293l.049 66.988c.423 19.714 6.863 38.689 21.816 51.576 8.453 7.285 19.324 13.905 32.781 17.297 9.438-3.755 17.415-8.996 23.967-14.642z"
/>
<path
fill="#ffb983"
d="M232.282 135.437V68.41c0-17.848-7.097-35.137-20.209-47.245-.545-.503-1.1-.998-1.664-1.485-8.037-6.926-18.263-13.249-30.816-16.771a66.62 66.62 0 0 1 2.809 19.143v113.386h.011c-.423 19.714-6.932 38.689-21.885 51.576-7.066 6.09-15.83 11.709-26.372 15.376 7.418 2.58 15.708 4.201 24.94 4.304 22.353-.25 39.275-9.305 51.313-19.68 14.953-12.887 21.462-31.862 21.885-51.576h-.012z"
/>
<path
fill="#688b96"
d="M76.707 95.722h7.763c9.425 0 17.067-7.644 17.074-17.077l.02-27.722c.344-16.046 7.559-30.313 19.73-40.802 0 0-52.72 0-52.72 52.784v34.352a22.482 22.482 0 0 1 8.133-1.535z"
/>
<path
fill="#557981"
d="m216.638 50.923.02 27.722c.007 9.434 7.649 17.077 17.074 17.077h7.764c2.871 0 5.606.557 8.132 1.534V62.905c0-52.784-52.72-52.784-52.72-52.784 12.171 10.49 19.386 24.756 19.73 40.802z"
/>
<path
fill="#b9ea6a"
d="M444.587 35.725H335.484c-12.495 0-22.624 10.129-22.624 22.624v69.727c0 12.495 10.129 22.624 22.625 22.624h10.161c1.173 0 2.278.288 3.249.797 2.416 1.266 5.04 2.086 7.767 2.049l31.645-.433c2.603-.036 5.222-.492 7.548-1.662a7.04 7.04 0 0 1 3.162-.751h38.979c7.286-3.758 12.272-11.352 12.272-20.115v-87.06z"
/>
<g fill="#a1e42c">
<path
d="M352.68 157.736v25.796c0 5.384 6.644 7.927 10.238 3.918l30.859-34.411a7.036 7.036 0 0 1 5.238-2.338h-53.371a7.035 7.035 0 0 1 7.036 7.035zM489.178 35.725h-44.591v92.352c0 12.495-10.129 22.625-22.625 22.625h67.215c12.495 0 22.625-10.129 22.625-22.625V58.349c0-12.495-10.129-22.624-22.624-22.624z"
/>
<path
d="M489.178 35.725h-44.591v92.352c0 12.495-10.129 22.625-22.625 22.625h67.215c12.495 0 22.625-10.129 22.625-22.625V58.349c0-12.495-10.129-22.624-22.624-22.624z"
/>
</g>
<path
fill="#f5f5f5"
d="M471.508 84.47H358.874a7.726 7.726 0 1 1 0-15.452h112.634c4.268 0 7.726 3.459 7.726 7.726s-3.458 7.726-7.726 7.726zM471.508 117.725H358.874a7.726 7.726 0 1 1 0-15.452h112.634c4.268 0 7.726 3.459 7.726 7.726s-3.458 7.726-7.726 7.726z"
/>
<g fill="#dfdfdf">
<path
d="M479.234 109.998a7.726 7.726 0 0 0-7.726-7.726h-26.921v15.453h26.921a7.726 7.726 0 0 0 7.726-7.727zM471.508 69.018h-26.921V84.47h26.921c4.268 0 7.726-3.459 7.726-7.726s-3.458-7.726-7.726-7.726z"
/>
</g>
</svg>
More icons in the same style and category