Add icons to this collection by clicking the heart icon.
Online Learning icon - also known as education, user, school, laptop, student, boy, 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="-37.075"
x2="431.209"
y1="525.075"
y2="56.791"
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="28.925"
x2="497.209"
y1="591.075"
y2="122.791"
href="#a"
/>
<linearGradient
id="c"
x1="4.925"
x2="473.209"
y1="567.075"
y2="98.791"
href="#a"
/>
<linearGradient
id="d"
x1="38.925"
x2="507.209"
y1="601.075"
y2="132.791"
href="#a"
/>
<linearGradient
id="e"
x1="38.152"
x2="506.437"
y1="600.303"
y2="132.018"
href="#a"
/>
<linearGradient
id="f"
x1="-153.075"
x2="315.209"
y1="409.075"
y2="-59.209"
href="#a"
/>
<linearGradient
id="g"
x1="-153.076"
x2="315.209"
y1="409.075"
y2="-59.21"
href="#a"
/>
</defs>
<path
fill="url(#a)"
d="M160 288a40 40 0 1 0 40 40 40.045 40.045 0 0 0-40-40Zm0 64a24 24 0 1 1 24-24 24.028 24.028 0 0 1-24 24Z"
/>
<path
fill="url(#b)"
d="M392 240a8 8 0 0 0 8-8v-8a8 8 0 0 0-16 0v8a8 8 0 0 0 8 8Z"
/>
<path fill="url(#c)" d="M352 232v-8a8 8 0 0 0-16 0v8a8 8 0 0 0 16 0Z" />
<path
fill="url(#d)"
d="M392 272a8 8 0 0 0-8-8h-32a8 8 0 0 0 0 16h32a8 8 0 0 0 8-8Z"
/>
<path
fill="url(#e)"
d="M496 432h-8v-50.92a47.781 47.781 0 0 0-30.17-44.57c-.25-.09-.49-.18-.74-.25l-49.16-14.29c.04-.65.07-1.31.07-1.97v-10.59A46.482 46.482 0 0 0 439.49 272H444a28.031 28.031 0 0 0 28-28v-8a27.88 27.88 0 0 0-8.02-19.59c.01-.14.02-.27.02-.41v-32a88 88 0 0 0-176 0v32c0 .14.01.27.02.41A27.88 27.88 0 0 0 280 236v8a28.031 28.031 0 0 0 28 28h4.51A46.514 46.514 0 0 0 344 309.41V320c0 .66.03 1.32.07 1.97l-49.16 14.29c-.25.07-.49.16-.74.25a48.389 48.389 0 0 0-14.17 8.76V270a30.037 30.037 0 0 0-30-30H70a30.037 30.037 0 0 0-30 30v130h-8a8 8 0 0 0-8 8v10a29.777 29.777 0 0 0 3.48 14H16a8 8 0 0 0-8 8v32a8 8 0 0 0 8 8h480a8 8 0 0 0 8-8v-32a8 8 0 0 0-8-8ZM312 256h-4a12.01 12.01 0 0 1-12-12v-8a12.01 12.01 0 0 1 12-12h4Zm0-60v12h-8v-24a72 72 0 0 1 144 0v24h-16v-12a28.031 28.031 0 0 0-28-28h-64a28.031 28.031 0 0 0-28 28Zm16 69v-69a12.01 12.01 0 0 1 12-12h64a12.01 12.01 0 0 1 12 12v20a8 8 0 0 0 8 8h20a12.01 12.01 0 0 1 12 12v8a12.01 12.01 0 0 1-12 12h-12a8 8 0 0 0-8 8v1c0 17.38-14.06 31-32 31h-32c-17.94 0-32-13.62-32-31Zm64 47v8a16 16 0 0 1-32 0v-8Zm-112 69.08a31.845 31.845 0 0 1 19.77-29.57l49.26-14.32a31.962 31.962 0 0 0 53.94 0l49.26 14.32A31.845 31.845 0 0 1 472 381.08V432H292.52a29.777 29.777 0 0 0 3.48-14v-10a8 8 0 0 0-8-8h-8ZM56 270a14.015 14.015 0 0 1 14-14h180a14.015 14.015 0 0 1 14 14v130H56ZM40 416h240v2a14.015 14.015 0 0 1-14 14H54a14.015 14.015 0 0 1-14-14Zm448 48H24v-16h464Z"
/>
<path
fill="url(#f)"
d="M240 32H48a8 8 0 0 0-8 8v144a8 8 0 0 0 8 8h124.69l29.65 29.66A8 8 0 0 0 216 216v-24h24a8 8 0 0 0 8-8V40a8 8 0 0 0-8-8Zm-8 144h-24a8 8 0 0 0-8 8v12.69l-18.34-18.35A8.008 8.008 0 0 0 176 176H56V48h176Z"
/>
<path
fill="url(#g)"
d="M196.44 73.34c-17.13-11.42-35.17-12.33-52.44-2.71-17.27-9.62-35.31-8.71-52.44 2.71A8.033 8.033 0 0 0 88 80v64a8.009 8.009 0 0 0 12.44 6.66c13.34-8.9 25.78-8.9 39.12 0a8.013 8.013 0 0 0 8.88 0c13.34-8.9 25.78-8.9 39.12 0A8.026 8.026 0 0 0 192 152a8.015 8.015 0 0 0 8-8V80a8.033 8.033 0 0 0-3.56-6.66ZM136 130.97a45.3 45.3 0 0 0-32-.02V84.48c10.83-6 21.17-5.98 32 .02Zm48-.02a45.441 45.441 0 0 0-32 .01V84.5c10.83-6 21.17-6.02 32-.02Z"
/>
</svg>
More icons in the same style and category