Add icons to this collection by clicking the heart icon.
Lesson icon - also known as education, book, knowledge, keyboard, learning, and lesson. 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="640"
height="640"
viewBox="-8 0 480 480"
>
<linearGradient id="a">
<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="328"
x2="328"
y1="486.088"
y2="-10.72"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="136"
x2="136"
y1="486.088"
y2="-10.72"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="232"
x2="232"
y1="486.088"
y2="-10.72"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="56"
x2="56"
y1="486.088"
y2="-10.72"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="120"
x2="120"
y1="486.088"
y2="-10.72"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="184"
x2="184"
y1="486.088"
y2="-10.72"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="248"
x2="248"
y1="486.088"
y2="-10.72"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="312"
x2="312"
y1="486.088"
y2="-10.72"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="j"
x1="392"
x2="392"
y1="486.088"
y2="-10.72"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<g fill="url(#b)">
<path
d="M272 40h112v16H272zM272 88h112v16H272zM272 136h112v16H272zM272 184h112v16H272zm0 0"
/>
</g>
<path
fill="url(#c)"
d="M80 40h112v16H80zM80 88h112v16H80zM80 136h112v16H80zM80 184h112v16H80zm0 0"
/>
<path
fill="url(#d)"
d="M440 304h-56v-8c0-8.836-7.164-16-16-16H240v-8h200a8 8 0 0 0 8-8V40a8 8 0 0 0-8-8h-24V8a8 8 0 0 0-8-8H264a39.854 39.854 0 0 0-32 16.246A39.854 39.854 0 0 0 200 0H56a8 8 0 0 0-8 8v24H24a8 8 0 0 0-8 8v224a8 8 0 0 0 8 8h200v8c0 8.836 7.164 16 16 16h128v8H24c-13.254 0-24 10.746-24 24v128c0 13.254 10.746 24 24 24h416c13.254 0 24-10.746 24-24V328c0-13.254-10.746-24-24-24zm-40-48H241.367A24.047 24.047 0 0 1 264 240h136zm32-208v208h-16V48zM264 16h136v208H264a39.604 39.604 0 0 0-24 8.207V40c0-13.254 10.746-24 24-24zM64 16h136c13.254 0 24 10.746 24 24v192.207A39.604 39.604 0 0 0 200 224H64zM32 48h16v208H32zm32 208v-16h136a24.047 24.047 0 0 1 22.633 16zm384 200a8 8 0 0 1-8 8H24a8 8 0 0 1-8-8V328a8 8 0 0 1 8-8h416a8 8 0 0 1 8 8zm0 0"
/>
<path
fill="url(#e)"
d="M40 384h32a8 8 0 0 0 8-8v-32a8 8 0 0 0-8-8H40a8 8 0 0 0-8 8v32a8 8 0 0 0 8 8zm8-32h16v16H48zm0 0"
/>
<path
fill="url(#f)"
d="M104 384h32a8 8 0 0 0 8-8v-32a8 8 0 0 0-8-8h-32a8 8 0 0 0-8 8v32a8 8 0 0 0 8 8zm8-32h16v16h-16zm0 0"
/>
<path
fill="url(#g)"
d="M168 384h32a8 8 0 0 0 8-8v-32a8 8 0 0 0-8-8h-32a8 8 0 0 0-8 8v32a8 8 0 0 0 8 8zm8-32h16v16h-16zm0 0"
/>
<path
fill="url(#h)"
d="M232 384h32a8 8 0 0 0 8-8v-32a8 8 0 0 0-8-8h-32a8 8 0 0 0-8 8v32a8 8 0 0 0 8 8zm8-32h16v16h-16zm0 0"
/>
<path
fill="url(#i)"
d="M328 336h-32a8 8 0 0 0-8 8v32a8 8 0 0 0 8 8h32a8 8 0 0 0 8-8v-32a8 8 0 0 0-8-8zm-8 32h-16v-16h16zm0 0"
/>
<path
fill="url(#g)"
d="M328 400H40a8 8 0 0 0-8 8v32a8 8 0 0 0 8 8h288a8 8 0 0 0 8-8v-32a8 8 0 0 0-8-8zm-8 32H48v-16h272zm0 0"
/>
<path
fill="url(#j)"
d="M424 352h-32a8 8 0 0 0-8 8v40h-24a8 8 0 0 0-8 8v32a8 8 0 0 0 8 8h64a8 8 0 0 0 8-8v-80a8 8 0 0 0-8-8zm-8 80h-48v-16h24a8 8 0 0 0 8-8v-40h16zm0 0"
/>
</svg>
More icons in the same style and category