Add icons to this collection by clicking the heart icon.
Learning icon - also known as education, reading, book, school, university, college, learning, and high school. 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="100"
height="100"
viewBox="0 0 512 512"
>
<linearGradient
id="a"
x1="-45.883"
x2="19.002"
y1="615.711"
y2="615.711"
gradientTransform="matrix(8.5333 0 0 -8.5333 369.133 5433.267)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f9a86d" />
<stop offset=".503" stop-color="#f05361" />
<stop offset="1" stop-color="#b72563" />
</linearGradient>
<path
d="M179.2 145.067H93.867a8.536 8.536 0 0 0-8.533 8.533v51.2a8.536 8.536 0 0 0 8.533 8.533H179.2a8.536 8.536 0 0 0 8.533-8.533v-51.2a8.536 8.536 0 0 0-8.533-8.533zm-8.533 51.2H102.4v-34.133h68.267v34.133z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-45.883"
x2="19.002"
y1="606.711"
y2="606.711"
gradientTransform="matrix(8.5333 0 0 -8.5333 369.133 5433.267)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f9a86d" />
<stop offset=".503" stop-color="#f05361" />
<stop offset="1" stop-color="#b72563" />
</linearGradient>
<path
d="M8.533 418.133H230.4a8.536 8.536 0 0 0 8.533-8.533V102.4a8.536 8.536 0 0 0-8.533-8.533H8.533A8.536 8.536 0 0 0 0 102.4v307.2a8.536 8.536 0 0 0 8.533 8.533zm42.667-307.2h170.667v256H51.2v-256zm-34.133 0h17.067v256H17.067v-256zm0 273.067h204.8v17.067h-204.8V384z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="-45.883"
x2="19.002"
y1="606.697"
y2="606.697"
gradientTransform="matrix(8.5333 0 0 -8.5333 369.133 5433.267)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f9a86d" />
<stop offset=".503" stop-color="#f05361" />
<stop offset="1" stop-color="#b72563" />
</linearGradient>
<path
d="M459.366 97.664c-2.935-3.925-8.491-4.719-12.407-1.792a8.898 8.898 0 0 0-1.792 1.792l-51.2 76.8a8.603 8.603 0 0 0-1.434 4.736v42.667h-90.334l17.067-17.067h47.667c4.71 0 8.533-3.823 8.533-8.533s-3.823-8.533-8.533-8.533h-51.2a8.513 8.513 0 0 0-6.033 2.5l-34.133 34.133a8.633 8.633 0 0 0-2.5 6.033v179.2a8.536 8.536 0 0 0 8.533 8.533h221.867A8.536 8.536 0 0 0 512 409.6V179.2a8.595 8.595 0 0 0-1.434-4.736l-51.2-76.8zm-66.833 303.403h-102.4V238.933h102.4v162.134zm68.267 0h-17.067v-85.333H460.8v85.333zm34.133 0h-17.067V307.2a8.536 8.536 0 0 0-8.533-8.533H435.2a8.536 8.536 0 0 0-8.533 8.533v93.867H409.6V181.76l42.667-64 42.667 64v219.307z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="-45.883"
x2="19.002"
y1="595.711"
y2="595.711"
gradientTransform="matrix(8.5333 0 0 -8.5333 369.133 5433.267)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f9a86d" />
<stop offset=".503" stop-color="#f05361" />
<stop offset="1" stop-color="#b72563" />
</linearGradient>
<path
d="M315.733 384h51.2a8.536 8.536 0 0 0 8.533-8.533v-51.2a8.536 8.536 0 0 0-8.533-8.533h-51.2a8.536 8.536 0 0 0-8.533 8.533v51.2a8.536 8.536 0 0 0 8.533 8.533zm8.534-51.2H358.4v34.133h-34.133V332.8z"
fill="url(#d)"
/>
<linearGradient
id="e"
x1="-45.883"
x2="19.002"
y1="621.711"
y2="621.711"
gradientTransform="matrix(8.5333 0 0 -8.5333 369.133 5433.267)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f9a86d" />
<stop offset=".503" stop-color="#f05361" />
<stop offset="1" stop-color="#b72563" />
</linearGradient>
<path d="M256 119.467h17.067v17.067H256z" fill="url(#e)" />
<linearGradient
id="f"
x1="-45.883"
x2="19.002"
y1="621.711"
y2="621.711"
gradientTransform="matrix(8.5333 0 0 -8.5333 369.133 5433.267)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f9a86d" />
<stop offset=".503" stop-color="#f05361" />
<stop offset="1" stop-color="#b72563" />
</linearGradient>
<path d="M290.133 119.467H307.2v17.067h-17.067z" fill="url(#f)" />
<linearGradient
id="g"
x1="-45.883"
x2="19.002"
y1="621.711"
y2="621.711"
gradientTransform="matrix(8.5333 0 0 -8.5333 369.133 5433.267)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f9a86d" />
<stop offset=".503" stop-color="#f05361" />
<stop offset="1" stop-color="#b72563" />
</linearGradient>
<path d="M324.267 119.467h17.067v17.067h-17.067z" fill="url(#g)" />
<linearGradient
id="h"
x1="-45.883"
x2="19.002"
y1="621.711"
y2="621.711"
gradientTransform="matrix(8.5333 0 0 -8.5333 369.133 5433.267)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f9a86d" />
<stop offset=".503" stop-color="#f05361" />
<stop offset="1" stop-color="#b72563" />
</linearGradient>
<path d="M358.4 119.467h17.067v17.067H358.4z" fill="url(#h)" />
<linearGradient
id="i"
x1="-45.883"
x2="19.002"
y1="617.711"
y2="617.711"
gradientTransform="matrix(8.5333 0 0 -8.5333 369.133 5433.267)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f9a86d" />
<stop offset=".503" stop-color="#f05361" />
<stop offset="1" stop-color="#b72563" />
</linearGradient>
<path d="M358.4 153.6h17.067v17.067H358.4z" fill="url(#i)" />
</svg>
More icons in the same style and category