Add icons to this collection by clicking the heart icon.
Online Learning icon - also known as computer, education, school, mortarboard, online education, online learning, training, and elearning. Created in a clean 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 32 32"
>
<linearGradient
id="a"
x1="-.3"
x2="19.65"
y1="23.72"
y2="3.16"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f2551c" />
<stop offset="1" stop-color="#ffd432" />
</linearGradient>
<linearGradient id="b" x1="3.8" x2="23.75" y1="27.7" y2="7.14" href="#a" />
<linearGradient
id="c"
x1="2.49"
x2="22.44"
y1="26.43"
y2="5.87"
href="#a"
/>
<g>
<path
fill="url(#a)"
d="m20.23 8-7-1.66a.9.9 0 0 0-.46 0L5.77 8a1 1 0 0 0-.12 1.91l2.35.92V14c0 1.2 1.52 1.45 2.09 1.55a18.52 18.52 0 0 0 2.91.2c4.41 0 5-.88 5-1.75v-3.17l2.35-.89A1 1 0 0 0 20.23 8zM13 8.37l3.6.85-3.6 1.37-3.6-1.37zm3 5.13a18.31 18.31 0 0 1-6 0v-1.91l2.65 1a.91.91 0 0 0 .7 0l2.65-1z"
/>
<path
fill="url(#b)"
d="M20 14a1 1 0 0 1-1-1V9a1 1 0 0 1 2 0v4a1 1 0 0 1-1 1z"
/>
<path
fill="url(#c)"
d="M29 3H3a1 1 0 0 0-1 1v17a1 1 0 0 0 1 1h12v1.14A4 4 0 0 0 12 27h-1a1 1 0 0 0 0 2h10a1 1 0 0 0 0-2h-1a4 4 0 0 0-3-3.86V22h12a1 1 0 0 0 1-1V4a1 1 0 0 0-1-1zM18 27h-4a2 2 0 0 1 4 0zm10-7H4V5h24zM22 9a1 1 0 0 1 1-1h3a1 1 0 0 1 0 2h-3a1 1 0 0 1-1-1zm0 3a1 1 0 0 1 1-1h3a1 1 0 0 1 0 2h-3a1 1 0 0 1-1-1zm0 3a1 1 0 0 1 1-1h3a1 1 0 0 1 0 2h-3a1 1 0 0 1-1-1zm-11 3a1 1 0 0 1 1-1h14a1 1 0 0 1 0 2H12a1 1 0 0 1-1-1zm-3 0a1 1 0 1 1 1 1 1 1 0 0 1-1-1zm-3 0a1 1 0 1 1 1 1 1 1 0 0 1-1-1z"
/>
</g>
</svg>
More icons in the same style and category