Add icons to this collection by clicking the heart icon.
Elearning icon - also known as education, study, book, open book, lesson, literature, browser, 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 64 64"
>
<linearGradient
id="a"
x1="32"
x2="32"
y1="64.1"
y2="-.813"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".35" stop-color="#ed683c" />
<stop offset=".7" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<linearGradient id="b" x1="9" x2="9" y1="64.1" y2="-.813" href="#a" />
<linearGradient id="c" x1="13" x2="13" y1="64.1" y2="-.813" href="#a" />
<linearGradient id="d" x1="17" x2="17" y1="64.1" y2="-.813" href="#a" />
<linearGradient id="e" x1="25" x2="25" y1="64.1" y2="-.813" href="#a" />
<linearGradient id="f" x1="19" x2="19" y1="64.1" y2="-.813" href="#a" />
<linearGradient id="g" x1="31" x2="31" y1="64.1" y2="-.813" href="#a" />
<linearGradient id="h" x1="53" x2="53" y1="64.1" y2="-.813" href="#a" />
<linearGradient id="i" x1="47" x2="47" y1="64.1" y2="-.813" href="#a" />
<linearGradient id="j" x1="51" x2="51" y1="64.1" y2="-.813" href="#a" />
<linearGradient id="k" x1="36" x2="36" y1="64.1" y2="-.813" href="#a" />
<linearGradient id="l" x1="48" x2="48" y1="64.1" y2="-.813" href="#a" />
<linearGradient id="m" x1="45" x2="45" y1="64.1" y2="-.813" href="#a" />
<path
fill="url(#a)"
d="M57 2H7a5 5 0 0 0-5 5v50a5 5 0 0 0 5 5h50a5 5 0 0 0 5-5V7a5 5 0 0 0-5-5zm3 55a3.009 3.009 0 0 1-3 3H7a3.009 3.009 0 0 1-3-3V11.96h56zm0-47.04H4V7a3.009 3.009 0 0 1 3-3h50a3.009 3.009 0 0 1 3 3z"
/>
<path fill="url(#b)" d="M8 6h2v2H8z" />
<path fill="url(#c)" d="M12 6h2v2h-2z" />
<path fill="url(#d)" d="M16 6h2v2h-2z" />
<path
fill="url(#e)"
d="M41 20h-3v-3a1 1 0 0 0-1-1h-8a4.994 4.994 0 0 0-4 2.03A4.994 4.994 0 0 0 21 16h-8a1 1 0 0 0-1 1v3H9a1 1 0 0 0-1 1v20a1 1 0 0 0 1 1h32a1 1 0 0 0 1-1V21a1 1 0 0 0-1-1zM12 40h-2V22h2zm2 0v-2h7a3.014 3.014 0 0 1 2.83 2zm10-2.97A4.924 4.924 0 0 0 21 36h-7V18h7a3.009 3.009 0 0 1 3 3zM36 40h-9.83A3.014 3.014 0 0 1 29 38h7zm0-4h-7a4.924 4.924 0 0 0-3 1.03V21a3.009 3.009 0 0 1 3-3h7zm4 4h-2V22h2z"
/>
<path fill="url(#f)" d="M16 20h6v2h-6zM16 24h6v2h-6zM16 28h6v2h-6z" />
<path fill="url(#g)" d="M28 20h6v2h-6zM28 24h6v2h-6zM28 28h6v2h-6z" />
<path fill="url(#f)" d="M16 32h6v2h-6z" />
<path fill="url(#g)" d="M28 32h6v2h-6z" />
<path fill="url(#h)" d="M50 20h6v2h-6z" />
<path fill="url(#i)" d="M46 20h2v2h-2z" />
<g fill="url(#j)">
<path
d="M46 24h10v2H46zM46 28h10v2H46zM46 32h10v2H46zM46 36h10v2H46zM46 40h10v2H46z"
/>
</g>
<path
fill="url(#f)"
d="M29 46H9a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h20a1 1 0 0 0 1-1v-8a1 1 0 0 0-1-1zm-1 8H10v-6h18z"
/>
<path fill="url(#k)" d="M34 46h4v2h-4z" />
<path fill="url(#l)" d="M40 46h16v2H40z" />
<path fill="url(#m)" d="M34 50h22v2H34zM34 54h22v2H34z" />
</svg>
More icons in the same style and category