Add icons to this collection by clicking the heart icon.
Learning icon - also known as education, book, knowledge, learning, open book, online education, and online learning. Created in a clean outline 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 48 48"
>
<linearGradient
id="a"
x1="24"
x2="24"
y1="1.5"
y2="45.807"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#38d6a4" />
<stop offset=".197" stop-color="#36ccb0" />
<stop offset=".552" stop-color="#30b3cf" />
<stop offset=".999" stop-color="#288cff" />
</linearGradient>
<linearGradient id="b" x1="19" x2="19" y1="1.5" y2="45.807" href="#a" />
<linearGradient id="c" x1="17" x2="17" y1="1.5" y2="45.807" href="#a" />
<linearGradient id="d" x1="29" x2="29" y1="1.5" y2="45.807" href="#a" />
<linearGradient id="e" x1="31" x2="31" y1="1.5" y2="45.807" href="#a" />
<linearGradient id="f" x1="29.5" x2="29.5" y1="1.5" y2="45.807" href="#a" />
<linearGradient id="g" x1="18.5" x2="18.5" y1="1.5" y2="45.807" href="#a" />
<g>
<path
fill="url(#a)"
d="M24 20h14a1 1 0 0 0 1-1V1a1 1 0 0 0-1-1H27.1A4.072 4.072 0 0 0 24 1.446 4.072 4.072 0 0 0 20.9 0H10a1 1 0 0 0-1 1v18a1 1 0 0 0 1 1zm3.1-18H37v16H25V4.1A2.1 2.1 0 0 1 27.1 2zM11 2h9.9A2.1 2.1 0 0 1 23 4.1V18H11z"
/>
<path
fill="url(#a)"
d="M40 22H26a1 1 0 0 0-.949.684L24.279 25h-.558l-.772-2.316A1 1 0 0 0 22 22H8a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1V2a3 3 0 0 0-3 3v16a3 3 0 0 0 3 3h1.5L.077 46.615A1 1 0 0 0 1 48h46a1 1 0 0 0 .923-1.385L38.5 24H40a3 3 0 0 0 3-3V5a3 3 0 0 0-3-3v2a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1zm-16.949 7.316a1 1 0 0 0 1.9 0l.77-2.316h7.362l6.667 16H8.25l6.667-16h7.362zM45.5 46h-43l9.167-22h9.612l.334 1H14.25a1 1 0 0 0-.923.615l-7.5 18A1 1 0 0 0 6.75 45h34.5a1 1 0 0 0 .923-1.385l-7.5-18A1 1 0 0 0 33.75 25h-7.363l.334-1h9.612z"
/>
<path fill="url(#b)" d="M17 4h4v2h-4z" />
<path fill="url(#c)" d="M13 8h8v2h-8zM13 12h8v2h-8z" />
<path fill="url(#d)" d="M27 4h4v2h-4z" />
<path fill="url(#e)" d="M27 8h8v2h-8zM27 12h8v2h-8z" />
<path
fill="url(#c)"
d="m14.071 35.628-2 5A1 1 0 0 0 13 42h8a1 1 0 0 0 1-1v-5a1 1 0 0 0-1-1h-6a1 1 0 0 0-.929.628zM15.677 37H20v3h-5.523z"
/>
<path
fill="url(#f)"
d="M24 41h11a1 1 0 0 0 .929-1.372l-2-5A1 1 0 0 0 33 34h-9a1 1 0 0 0-1 1v5a1 1 0 0 0 1 1zm1-5h7.323l1.2 3H25z"
/>
<path
fill="url(#g)"
d="M16 34h5a1 1 0 0 0 1-1v-3a1 1 0 0 0-1-1h-4a1 1 0 0 0-.949.684l-1 3A1 1 0 0 0 16 34zm1.721-3H20v1h-2.613z"
/>
</g>
</svg>
More icons in the same style and category