Add icons to this collection by clicking the heart icon.
Online Learning icon - also known as education, reading, study, book, world, global, online learning, and e learning. 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 64 64"
>
<linearGradient
id="a"
x1="32"
x2="32"
y1="67.62"
y2="-1.618"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<linearGradient
id="b"
x1="11.5"
x2="11.5"
y1="67.62"
y2="-1.618"
href="#a"
/>
<linearGradient id="c" x1="22" x2="22" y1="67.62" y2="-1.618" href="#a" />
<linearGradient
id="d"
x1="16.5"
x2="16.5"
y1="67.62"
y2="-1.618"
href="#a"
/>
<linearGradient id="e" x1="20" x2="20" y1="67.62" y2="-1.618" href="#a" />
<linearGradient id="f" x1="46" x2="46" y1="67.62" y2="-1.618" href="#a" />
<linearGradient
id="g"
x1="44.5"
x2="44.5"
y1="67.62"
y2="-1.618"
href="#a"
/>
<linearGradient id="h" x1="51" x2="51" y1="67.62" y2="-1.618" href="#a" />
<linearGradient id="i" x1="52" x2="52" y1="67.62" y2="-1.618" href="#a" />
<linearGradient
id="j"
x1="52.5"
x2="52.5"
y1="67.62"
y2="-1.618"
href="#a"
/>
<g>
<path
fill="url(#a)"
d="M61 20h-3v-3a1 1 0 0 0-1-1h-6.69a18.973 18.973 0 0 0-36.62 0H7a1 1 0 0 0-1 1v3H3a1 1 0 0 0-1 1v40a1 1 0 0 0 1 1h58a1 1 0 0 0 1-1V21a1 1 0 0 0-1-1zm-15.12-8.78A16.818 16.818 0 0 1 48.95 20h-4.98a28.139 28.139 0 0 0-1.14-7.13 19.532 19.532 0 0 0 3.05-1.65zm-3.05 17.91A28.139 28.139 0 0 0 43.97 22h4.98a16.818 16.818 0 0 1-3.07 8.78 20 20 0 0 0-3.05-1.65zm1.8 3.21a17.092 17.092 0 0 1-5.73 4.18 18.174 18.174 0 0 0 3.27-5.49 16.76 16.76 0 0 1 2.46 1.31zm0-22.68a16.76 16.76 0 0 1-2.46 1.31 18.174 18.174 0 0 0-3.27-5.49 17.092 17.092 0 0 1 5.73 4.18zM33 4.09c3.07.52 5.73 3.41 7.35 7.57a25.544 25.544 0 0 1-7.35 1.3zm0 10.89a28.077 28.077 0 0 0 7.98-1.39 26.307 26.307 0 0 1 .99 6.41H33zM33 22h8.97a26.307 26.307 0 0 1-.99 6.41A28.077 28.077 0 0 0 33 27.02zm0 7.04a25.544 25.544 0 0 1 7.35 1.3c-1.62 4.16-4.28 7.05-7.35 7.57zM31 4.09v8.87a25.544 25.544 0 0 1-7.35-1.3C25.27 7.5 27.93 4.61 31 4.09zm-7.35 26.25a25.544 25.544 0 0 1 7.35-1.3v8.87c-3.07-.52-5.73-3.41-7.35-7.57zm1.45 6.18a17.092 17.092 0 0 1-5.73-4.18 16.76 16.76 0 0 1 2.46-1.31 18.174 18.174 0 0 0 3.27 5.49zm-2.08-8.11a26.307 26.307 0 0 1-.99-6.41H31v5.02a28.077 28.077 0 0 0-7.98 1.39zM22.03 20a26.231 26.231 0 0 1 .99-6.41A28.077 28.077 0 0 0 31 14.98V20zM25.1 5.48a18.174 18.174 0 0 0-3.27 5.49 16.76 16.76 0 0 1-2.46-1.31 17.092 17.092 0 0 1 5.73-4.18zm-6.98 5.74a20 20 0 0 0 3.05 1.65A28.139 28.139 0 0 0 20.03 20h-4.98a16.818 16.818 0 0 1 3.07-8.78zM20.03 22a28.139 28.139 0 0 0 1.14 7.13 19.532 19.532 0 0 0-3.05 1.65A16.818 16.818 0 0 1 15.05 22zM8 18h5.26a18.589 18.589 0 0 0-.26 3 19 19 0 0 0 38 0 18.589 18.589 0 0 0-.26-3H56v38H33V43a1 1 0 0 0-2 0v13H8zm52 42H4V22h2v35a1 1 0 0 0 1 1h50a1 1 0 0 0 1-1V22h2z"
/>
<path fill="url(#b)" d="M11 46h1a1 1 0 0 0 0-2h-1a1 1 0 0 0 0 2z" />
<path fill="url(#c)" d="M16 46h12a1 1 0 0 0 0-2H16a1 1 0 0 0 0 2z" />
<path
fill="url(#b)"
d="M11 42h1a1 1 0 0 0 0-2h-1a1 1 0 0 0 0 2zM11 38h1a1 1 0 0 0 0-2h-1a1 1 0 0 0 0 2z"
/>
<path fill="url(#d)" d="M16 38h1a1 1 0 0 0 0-2h-1a1 1 0 0 0 0 2z" />
<path
fill="url(#b)"
d="M11 34h1a1 1 0 0 0 0-2h-1a1 1 0 0 0 0 2zM11 30h1a1 1 0 0 0 0-2h-1a1 1 0 0 0 0 2z"
/>
<path fill="url(#e)" d="M16 42h8a1 1 0 0 0 0-2h-8a1 1 0 0 0 0 2z" />
<path fill="url(#b)" d="M11 50h1a1 1 0 0 0 0-2h-1a1 1 0 0 0 0 2z" />
<path fill="url(#c)" d="M16 50h12a1 1 0 0 0 0-2H16a1 1 0 0 0 0 2z" />
<path fill="url(#b)" d="M11 54h1a1 1 0 0 0 0-2h-1a1 1 0 0 0 0 2z" />
<path fill="url(#c)" d="M16 54h12a1 1 0 0 0 0-2H16a1 1 0 0 0 0 2z" />
<path fill="url(#f)" d="M39 42h14a1 1 0 0 0 0-2H39a1 1 0 0 0 0 2z" />
<g fill="url(#g)">
<path
d="M36 46h17a1 1 0 0 0 0-2H36a1 1 0 0 0 0 2zM36 50h17a1 1 0 0 0 0-2H36a1 1 0 0 0 0 2zM36 54h17a1 1 0 0 0 0-2H36a1 1 0 0 0 0 2z"
/>
</g>
<path fill="url(#h)" d="M49 38h4a1 1 0 0 0 0-2h-4a1 1 0 0 0 0 2z" />
<path fill="url(#i)" d="M51 34h2a1 1 0 0 0 0-2h-2a1 1 0 0 0 0 2z" />
<path fill="url(#j)" d="M52 30h1a1 1 0 0 0 0-2h-1a1 1 0 0 0 0 2z" />
</g>
</svg>
More icons in the same style and category