Add icons to this collection by clicking the heart icon.
Elearning icon - also known as computer, education, mouse, file, document, keyboard, lesson, 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="-2.107"
y2="66.738"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff33b" />
<stop offset=".014" stop-color="#fee72e" />
<stop offset=".042" stop-color="#fed51b" />
<stop offset=".07" stop-color="#fdca10" />
<stop offset=".1" stop-color="#fdc70c" />
<stop offset=".4" stop-color="#f3903f" />
<stop offset=".8" stop-color="#ed683c" />
<stop offset="1" stop-color="#e93e3a" />
</linearGradient>
<linearGradient id="b" x1="37" x2="37" y1="-2.107" y2="66.738" href="#a" />
<linearGradient id="c" x1="39" x2="39" y1="-2.107" y2="66.738" href="#a" />
<linearGradient id="d" x1="43" x2="43" y1="-2.107" y2="66.738" href="#a" />
<linearGradient id="e" x1="25" x2="25" y1="-2.107" y2="66.738" href="#a" />
<linearGradient id="f" x1="56" x2="56" y1="-2.107" y2="66.738" href="#a" />
<linearGradient id="g" x1="9" x2="9" y1="-2.107" y2="66.738" href="#a" />
<linearGradient id="h" x1="13" x2="13" y1="-2.107" y2="66.738" href="#a" />
<linearGradient id="i" x1="17" x2="17" y1="-2.107" y2="66.738" href="#a" />
<linearGradient id="j" x1="21" x2="21" y1="-2.107" y2="66.738" href="#a" />
<linearGradient id="k" x1="29" x2="29" y1="-2.107" y2="66.738" href="#a" />
<linearGradient id="l" x1="33" x2="33" y1="-2.107" y2="66.738" href="#a" />
<linearGradient id="m" x1="41" x2="41" y1="-2.107" y2="66.738" href="#a" />
<path
fill="url(#a)"
d="M59 10h-1V9a3.009 3.009 0 0 0-3-3h-5.1A5.017 5.017 0 0 0 45 2H7a5 5 0 0 0-5 5v24a5 5 0 0 0 5 5h14v4h-2a3.009 3.009 0 0 0-3 3v2a1 1 0 0 0 1 1h20a1 1 0 0 0 1-1v-1h21a3.009 3.009 0 0 0 3-3V13a3.009 3.009 0 0 0-3-3zm-4-2a1 1 0 0 1 1 1v28a1 1 0 0 1-1 1H31a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1zM31 40h-8v-4h5v1a3.009 3.009 0 0 0 3 3zM4 7a3.009 3.009 0 0 1 3-3h38a3.01 3.01 0 0 1 2.82 2H31a3.009 3.009 0 0 0-3 3v18H4zm3 27a3.009 3.009 0 0 1-3-3v-2h24v5zm11 10v-1a1 1 0 0 1 1-1h13.18A3.01 3.01 0 0 0 35 44zm42-3a1 1 0 0 1-1 1H35a1 1 0 0 1-1-1v-1h21a3.009 3.009 0 0 0 3-3V12h1a1 1 0 0 1 1 1z"
/>
<path fill="url(#b)" d="M32 12h10v2H32z" />
<path fill="url(#c)" d="M32 16h14v2H32z" />
<g fill="url(#d)">
<path
d="M32 20h22v2H32zM32 24h22v2H32zM32 28h22v2H32zM32 32h22v2H32z"
/>
</g>
<path
fill="url(#e)"
d="M43 48H7a3.009 3.009 0 0 0-3 3v8a3.009 3.009 0 0 0 3 3h36a3.009 3.009 0 0 0 3-3v-8a3.009 3.009 0 0 0-3-3zm1 11a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1v-8a1 1 0 0 1 1-1h36a1 1 0 0 1 1 1z"
/>
<path
fill="url(#f)"
d="M59 48h-6a3 3 0 0 0-3 3v8a3 3 0 0 0 3 3h6a3 3 0 0 0 3-3v-8a3 3 0 0 0-3-3zm1 3v1h-3v-2h2a1 1 0 0 1 1 1zm-7-1h2v2h-3v-1a1 1 0 0 1 1-1zm6 10h-6a1 1 0 0 1-1-1v-5h8v5a1 1 0 0 1-1 1z"
/>
<path fill="url(#g)" d="M8 52h2v2H8zM8 56h2v2H8z" />
<path fill="url(#h)" d="M12 56h2v2h-2zM12 52h2v2h-2z" />
<path fill="url(#i)" d="M16 52h2v2h-2z" />
<path fill="url(#j)" d="M20 52h2v2h-2z" />
<path fill="url(#e)" d="M24 52h2v2h-2z" />
<path fill="url(#k)" d="M28 52h2v2h-2z" />
<path fill="url(#l)" d="M32 52h2v2h-2z" />
<path fill="url(#b)" d="M36 52h2v2h-2z" />
<path fill="url(#m)" d="M40 52h2v2h-2z" />
<path fill="url(#b)" d="M36 56h2v2h-2z" />
<path fill="url(#m)" d="M40 56h2v2h-2z" />
<path fill="url(#e)" d="M16 56h18v2H16z" />
</svg>
More icons in the same style and category