Add icons to this collection by clicking the heart icon.
Online Learning icon - also known as education, user, school, laptop, student, girl, online learning, elearning, and digital book. Created in a clean lineal gradient 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="512"
height="512"
viewBox="0 0 512 512"
>
<defs>
<linearGradient
id="a"
x1="43.293"
x2="557.607"
y1="528.707"
y2="14.393"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#003f8a" />
<stop offset=".518" stop-color="#00d7df" />
<stop offset="1" stop-color="#006df0" />
</linearGradient>
<linearGradient
id="b"
x1="-36.707"
x2="477.607"
y1="448.707"
y2="-65.607"
href="#a"
/>
<linearGradient
id="c"
x1="-12.707"
x2="501.607"
y1="472.707"
y2="-41.607"
href="#a"
/>
<linearGradient
id="d"
x1="-6.707"
x2="507.607"
y1="478.706"
y2="-35.608"
href="#a"
/>
<linearGradient
id="e"
x1="12.988"
x2="527.302"
y1="498.401"
y2="-15.913"
href="#a"
/>
</defs>
<path
fill="url(#a)"
d="M496 416h-32V173.25A95.984 95.984 0 1 0 288.05 112H76a28.031 28.031 0 0 0-28 28v276H16a8 8 0 0 0-8 8v28a28.031 28.031 0 0 0 28 28h440a28.031 28.031 0 0 0 28-28v-28a8 8 0 0 0-8-8ZM383.65 40.79a80 80 0 1 1-80 80 80.087 80.087 0 0 1 80-80Zm0 176a95.456 95.456 0 0 0 40.35-8.91V392H287.73a47.7 47.7 0 0 0-29.84-39.46l-34.08-13.98A18.491 18.491 0 0 0 224 336h48a8 8 0 0 0 8-8v-48.43a27.919 27.919 0 0 0 8-19.57v-8a27.88 27.88 0 0 0-8.02-19.59c.01-.14.02-.27.02-.41v-16a87.75 87.75 0 0 0-27.67-64h40.53a96.16 96.16 0 0 0 90.79 64.79ZM192 312a48.051 48.051 0 0 1-48-48v-39.14c12.55.31 35.72-2.48 62.63-21.79 6.31 7.01 17.93 17.39 33.37 20.2V264a48.051 48.051 0 0 1-48 48Zm16 13.97V336c0 3.88-6.25 12.89-16 21.58-9.75-8.7-16-17.7-16-21.58v-10.03a64.069 64.069 0 0 0 32 0Zm-88-38.26a27.8 27.8 0 0 0 4 .29h8.69a64.367 64.367 0 0 0 28.37 32H120ZM112 260v-8a12.01 12.01 0 0 1 12-12h4v32h-4a12.01 12.01 0 0 1-12-12Zm139.31 28H260a27.8 27.8 0 0 0 4-.29V320h-41.06a64.367 64.367 0 0 0 28.37-32Zm8.69-16h-4v-32h4a12.01 12.01 0 0 1 12 12v8a12.01 12.01 0 0 1-12 12Zm4-48h-8v-8a8 8 0 0 0-8-8c-19.32 0-33.22-20.25-33.34-20.44a8 8 0 0 0-11.66-1.81c-36.02 28.82-63.95 22.74-65.06 22.49A8 8 0 0 0 128 216v8h-8v-8a72 72 0 0 1 144 0Zm-160-8v16c0 .14.01.27.02.41A27.88 27.88 0 0 0 96 252v8a27.9 27.9 0 0 0 8.43 20H104v48a8 8 0 0 0 8 8h48a18.491 18.491 0 0 0 .19 2.56l-34.02 13.95A47.739 47.739 0 0 0 96.27 392H88V152h43.67A87.75 87.75 0 0 0 104 216Zm28.18 151.34 34.4-14.11c7.03 10.2 17.56 18.78 20.5 21.07a7.97 7.97 0 0 0 9.84 0c2.94-2.29 13.47-10.87 20.5-21.07l34.46 14.14A31.818 31.818 0 0 1 271.6 392H112.4a31.848 31.848 0 0 1 19.78-24.66ZM64 140a12.01 12.01 0 0 1 12-12h211.92q.3 4.05.94 8h-60.22a87.906 87.906 0 0 0-73.28 0H80a8 8 0 0 0-8 8v256a8 8 0 0 0 8 8h352a8 8 0 0 0 8-8V198.45a97.691 97.691 0 0 0 8-6.49V416H64Zm236.9 292-2.67 8h-84.46l-2.67-8ZM488 452a12.01 12.01 0 0 1-12 12H36a12.01 12.01 0 0 1-12-12v-20h170.23l6.18 18.53A8 8 0 0 0 208 456h96a8 8 0 0 0 7.59-5.47l6.18-18.53H488Z"
/>
<path fill="url(#b)" d="M176 248v-8a8 8 0 0 0-16 0v8a8 8 0 0 0 16 0Z" />
<path fill="url(#c)" d="M208 248a8 8 0 0 0 16 0v-8a8 8 0 0 0-16 0Z" />
<path
fill="url(#d)"
d="M202.343 274.344C198.589 278.1 195.109 280 192 280s-6.589-1.9-10.343-5.656a8 8 0 1 0-11.314 11.312C177.206 292.521 184.493 296 192 296s14.794-3.479 21.657-10.344a8 8 0 1 0-11.314-11.312Z"
/>
<path
fill="url(#e)"
d="M331.758 166.911a8 8 0 0 0 8.213-.4c13.345-8.9 25.777-8.9 39.123 0a8 8 0 0 0 8.877 0c13.345-8.9 25.777-8.9 39.123 0a8 8 0 0 0 12.438-6.657v-64a8 8 0 0 0-3.561-6.656c-17.133-11.425-35.165-12.33-52.439-2.714-17.274-9.616-35.305-8.711-52.438 2.714a8 8 0 0 0-3.562 6.656v64a8 8 0 0 0 4.226 7.057Zm91.774-66.573v46.467a45.458 45.458 0 0 0-32 .011v-46.458c10.835-5.999 21.168-6.019 32-.02Zm-80 0c10.835-6 21.166-5.979 32 .02v46.469a45.3 45.3 0 0 0-32-.022Z"
/>
</svg>
More icons in the same style and category