Add icons to this collection by clicking the heart icon.
Learning Online icon - also known as education, studying, teacher, online education, seminar, online class, learning online, online course, and webinar. Created in a clean flat 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 128 128"
>
<linearGradient
id="b"
x1="64"
x2="64"
y1="93.5"
y2="110.75"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#7813d5" />
<stop offset=".205" stop-color="#621cb0" />
<stop offset=".417" stop-color="#502391" />
<stop offset=".624" stop-color="#43297b" />
<stop offset=".822" stop-color="#3c2c6e" />
<stop offset="1" stop-color="#392d69" />
</linearGradient>
<linearGradient
id="d"
x1="19.008"
x2="108.992"
y1="9.591"
y2="99.576"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffeda0" />
<stop offset=".083" stop-color="#ffe19b" />
<stop offset=".3" stop-color="#ffc792" />
<stop offset=".522" stop-color="#ffb48b" />
<stop offset=".752" stop-color="#ffa986" />
<stop offset="1" stop-color="#ffa585" />
</linearGradient>
<linearGradient
id="a"
x1="64"
x2="64"
y1="108.75"
y2="120"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#b57bee" />
<stop offset=".007" stop-color="#b37aec" />
<stop offset=".157" stop-color="#8e62c4" />
<stop offset=".313" stop-color="#6f4fa3" />
<stop offset=".471" stop-color="#57408a" />
<stop offset=".635" stop-color="#463577" />
<stop offset=".807" stop-color="#3c2f6d" />
<stop offset="1" stop-color="#392d69" />
</linearGradient>
<linearGradient
id="e"
x1="63.824"
x2="70.214"
y1="35.79"
y2="42.18"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffdde1" />
<stop offset=".126" stop-color="#fcd1d6" />
<stop offset=".476" stop-color="#f4b4bc" />
<stop offset=".779" stop-color="#f0a2ad" />
<stop offset="1" stop-color="#ee9ca7" />
</linearGradient>
<linearGradient
id="f"
x1="19.403"
x2="83.061"
y1="66.926"
y2="66.926"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#d3cce3" />
<stop offset=".452" stop-color="#d6cfe5" />
<stop offset=".774" stop-color="#ded8ea" />
<stop offset="1" stop-color="#e9e4f0" />
</linearGradient>
<linearGradient
id="g"
x1="51.234"
x2="51.234"
y1="60.882"
y2="47.371"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ee9ca7" />
<stop offset="1" stop-color="#ffdde1" />
</linearGradient>
<linearGradient
id="h"
x1="31.765"
x2="39.088"
y1="35.337"
y2="42.661"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffdde1" />
<stop offset=".011" stop-color="#ffdce0" />
<stop offset=".431" stop-color="#f6b9c1" />
<stop offset=".775" stop-color="#f0a4ae" />
<stop offset="1" stop-color="#ee9ca7" />
</linearGradient>
<linearGradient
id="i"
x1="44.928"
x2="57.537"
y1="69.775"
y2="82.384"
href="#a"
/>
<linearGradient
id="j"
x1="46.608"
x2="55.857"
y1="60.282"
y2="69.531"
href="#b"
/>
<linearGradient
id="k"
x1="51.219"
x2="51.219"
y1="23.803"
y2="55.639"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ee9ca7" />
<stop offset=".132" stop-color="#f1a9b2" />
<stop offset=".478" stop-color="#f9c5cc" />
<stop offset=".779" stop-color="#fdd7db" />
<stop offset="1" stop-color="#ffdde1" />
</linearGradient>
<linearGradient
id="c"
x1="33.14"
x2="49.227"
y1="60.11"
y2="60.11"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fbe9fb" />
<stop offset="1" stop-color="#f6d5f7" />
</linearGradient>
<linearGradient
id="l"
x1="53.238"
x2="69.325"
y1="60.11"
y2="60.11"
href="#c"
/>
<linearGradient
id="m"
x1="64"
x2="64"
y1="79"
y2="95.5"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffcaa6" />
<stop offset="1" stop-color="#f86594" />
</linearGradient>
<linearGradient id="n" x1="77" x2="108" y1="38.938" y2="38.938" href="#c" />
<linearGradient
id="o"
x1="51.225"
x2="51.225"
y1="11.511"
y2="40.446"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#4b3a3c" />
<stop offset=".121" stop-color="#564043" />
<stop offset=".331" stop-color="#725156" />
<stop offset=".605" stop-color="#a06d74" />
<stop offset=".929" stop-color="#df939d" />
<stop offset="1" stop-color="#ee9ca7" />
</linearGradient>
<path
fill="url(#b)"
d="M49.973 110.75a1 1 0 0 1-.823-1.567 81.032 81.032 0 0 0 8.2-15.064 1 1 0 0 1 .924-.618h11.455a1 1 0 0 1 .925.619 80.912 80.912 0 0 0 8.2 15.062 1 1 0 0 1-.823 1.568z"
/>
<rect width="104" height="81.833" x="12" y="13.667" fill="url(#d)" rx="5" />
<path
fill="url(#a)"
d="M46.6 120a5.625 5.625 0 0 1 0-11.25h34.8a5.625 5.625 0 0 1 0 11.25z"
/>
<path
fill="url(#e)"
d="M70.361 35A3.35 3.35 0 0 0 68 34.047s-2.415.018-2.453.022a15.677 15.677 0 0 1 .111 1.783v2.588a12.819 12.819 0 0 1-1.26 5.251.993.993 0 0 0 .364.076h2.206a4.3 4.3 0 0 0 4.175-4.095l.2-2.022a3.6 3.6 0 0 0-.982-2.65z"
/>
<path
fill="url(#f)"
d="M20.4 81a1.016 1.016 0 0 1-1-1.04l.457-11.26c.177-4.38 3.632-6.617 6.623-8.078 1-.489 2.032-.944 3.06-1.4 3.573-1.579 6.941-3.069 9.321-6a1 1 0 0 1 1.329-.2l8.855 5.864h4.377l8.906-5.813a1 1 0 0 1 1.318.2c2.36 2.856 5.745 4.367 9.329 5.966 1.014.451 2.022.9 3.009 1.384 2.758 1.346 6.444 3.647 6.623 8.076l.453 11.267a1.008 1.008 0 0 1-1 1.04z"
/>
<path
fill="url(#g)"
d="M48.441 60.882 39.9 55.174l1.494-7.8 1.343 1.448a21.476 21.476 0 0 0 2.912 2.632c2.06 1.532 3.687 2.186 5.441 2.186h.26c1.754 0 3.381-.653 5.441-2.186a21.489 21.489 0 0 0 2.9-2.622l1.336-1.439 1.536 7.834-8.545 5.658z"
/>
<path
fill="url(#h)"
d="M36.809 34.047h-2.341A3.346 3.346 0 0 0 32.1 35a3.662 3.662 0 0 0-.969 2.747l.188 1.9a4.325 4.325 0 0 0 4.181 4.121h2.206a.991.991 0 0 0 .344-.069c-.782-1.716-.929-9.652-1.241-9.652z"
/>
<path fill="url(#i)" d="m43.545 81.002 3.622-13.466h8.131l3.621 13.466z" />
<path
fill="url(#j)"
d="m46.613 69.536-2.148-7.058 3.544-3.596h6.447L58 62.478l-2.149 7.058z"
/>
<path
fill="url(#k)"
d="M51.007 55.639a10.925 10.925 0 0 1-6.552-2.582c-4.175-3.105-8.67-9-8.67-14.616 0-1.351-.057-2.714.071-4.06.085-.891.955-.906 1.644-.955.659-2.6 1.5-5.52 3.586-7.359a5.112 5.112 0 0 1 3.458-1.336 21.537 21.537 0 0 1 5.351.934 10.5 10.5 0 0 0 2.709.481c1.455 0 2.886-.59 5.281-2.177a1.006 1.006 0 0 1 1.267.134 23.334 23.334 0 0 1 4.648 8.285l.349 1.012a3.728 3.728 0 0 1 1.331-.5 1.017 1.017 0 0 1 1.028.868 34.874 34.874 0 0 1 .143 4.668c0 5.613-4.495 11.511-8.67 14.615a11.022 11.022 0 0 1-6.693 2.581z"
/>
<path
fill="url(#c)"
d="m33.14 57.544 1.022-.576a16.47 16.47 0 0 0 4.544-3.568l.75-.869 8.876 5.877a2 2 0 0 1 .384 3l-5.036 5.614a2 2 0 0 1-3.053-.089z"
/>
<path
fill="url(#l)"
d="M53.749 61.412a2 2 0 0 1 .385-3l8.876-5.877.75.869a16.446 16.446 0 0 0 4.54 3.564l1.023.576-7.488 9.392a2 2 0 0 1-3.053.089z"
/>
<path
fill="url(#m)"
d="M17 95.5a5.006 5.006 0 0 1-5-5V80a1 1 0 0 1 1-1h102a1 1 0 0 1 1 1v10.5a5.006 5.006 0 0 1-5 5z"
/>
<path
fill="url(#n)"
d="M83.833 54.5a.98.98 0 0 1-.36-.067 1.007 1.007 0 0 1-.64-.933v-8H80a3 3 0 0 1-3-3V26.375a3 3 0 0 1 3-3h25a3 3 0 0 1 3 3V42.5a3 3 0 0 1-3 3H92.534l-7.964 8.677a1.007 1.007 0 0 1-.737.323z"
/>
<path
fill="url(#o)"
d="M37.7 40.446a.949.949 0 0 1-.98-.786c-.079-.408-1.924-10.073-1.714-14.465.2-4.131 1.41-8.818 8.92-12.266A14.528 14.528 0 0 1 50 11.511a13.112 13.112 0 0 1 9.078 3.875c.414.405.745.916 1.16 1.306.293.275.891.06 1.256.06a5.149 5.149 0 0 1 2.281.513 6.409 6.409 0 0 1 3.156 4.2c1.736 5.789-1.3 16.642-1.656 17.86a1 1 0 0 1-.969.722 1.021 1.021 0 0 1-.984-.877 27.255 27.255 0 0 0-4.516-12.3l-.525-.746-.791.456a9.654 9.654 0 0 1-4.831 1.581 12.948 12.948 0 0 1-3.267-.556 25.327 25.327 0 0 0-4.552-.855 3.368 3.368 0 0 0-.315-.015 3.093 3.093 0 0 0-2.112.84c-3.273 2.882-3.7 11.845-3.7 11.94a.969.969 0 0 1-1.013.931z"
/>
</svg>
More icons in the same style and category