Add icons to this collection by clicking the heart icon.
Book icon - also known as education, reading, book, school, and open book. 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 512 512"
>
<linearGradient
id="a"
x1="89.392"
x2="422.039"
y1="6.637"
y2="504.396"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffe53b" />
<stop offset="1" stop-color="#ff2525" />
</linearGradient>
<linearGradient
id="b"
x1="-47.465"
x2="285.182"
y1="98.097"
y2="595.856"
href="#a"
/>
<linearGradient
id="c"
x1="100.275"
x2="432.922"
y1="-.636"
y2="497.123"
href="#a"
/>
<linearGradient
id="d"
x1="69.741"
x2="402.388"
y1="19.769"
y2="517.529"
href="#a"
/>
<linearGradient
id="e"
x1="46.643"
x2="379.289"
y1="35.206"
y2="532.966"
href="#a"
/>
<linearGradient
id="f"
x1="23.544"
x2="356.191"
y1="50.642"
y2="548.402"
href="#a"
/>
<linearGradient
id="g"
x1=".446"
x2="333.092"
y1="66.079"
y2="563.838"
href="#a"
/>
<linearGradient
id="h"
x1="-22.653"
x2="309.994"
y1="81.515"
y2="579.275"
href="#a"
/>
<linearGradient
id="i"
x1="223.204"
x2="555.85"
y1="-82.788"
y2="414.972"
href="#a"
/>
<linearGradient
id="j"
x1="200.105"
x2="532.752"
y1="-67.351"
y2="430.409"
href="#a"
/>
<linearGradient
id="k"
x1="177.007"
x2="509.653"
y1="-51.915"
y2="445.845"
href="#a"
/>
<linearGradient
id="l"
x1="153.908"
x2="486.555"
y1="-36.478"
y2="461.281"
href="#a"
/>
<linearGradient
id="m"
x1="130.81"
x2="463.456"
y1="-21.042"
y2="476.718"
href="#a"
/>
<g>
<path
fill="url(#a)"
d="M479.237 98.046a5 5 0 0 0-6.768 5.607 28.35 28.35 0 0 1 .535 5.464v246.54a27.761 27.761 0 0 1-27.73 27.73H66.724a27.756 27.756 0 0 1-27.72-27.73v-246.54a28.35 28.35 0 0 1 .535-5.464 5 5 0 0 0-6.765-5.608 42.437 42.437 0 0 0-26.77 39.582v24.56a5 5 0 0 0 10 0v-24.56a32.476 32.476 0 0 1 13-26.097v244.127a37.768 37.768 0 0 0 37.72 37.73h378.55a37.773 37.773 0 0 0 37.73-37.73V111.535a32.483 32.483 0 0 1 13 26.092v236.74a32.667 32.667 0 0 1-32.63 32.63H48.624a32.662 32.662 0 0 1-32.62-32.63v-165.38a5 5 0 0 0-10 0v165.38a42.673 42.673 0 0 0 42.62 42.63h414.75a42.678 42.678 0 0 0 42.63-42.63v-236.74a42.458 42.458 0 0 0-26.767-39.58z"
/>
<path
fill="url(#b)"
d="M11.004 195.087a5 5 0 0 0 5-5v-9a5 5 0 0 0-10 0v9a5 5 0 0 0 5 5z"
/>
<path
fill="url(#c)"
d="M445.271 71.384H66.729A37.772 37.772 0 0 0 29 109.113v246.542a37.772 37.772 0 0 0 37.729 37.729h378.542A37.772 37.772 0 0 0 483 355.654V109.114a37.772 37.772 0 0 0-37.729-37.73zM39 355.654V109.114a27.76 27.76 0 0 1 27.729-27.73H251v302H66.729A27.76 27.76 0 0 1 39 355.656zm434 0a27.76 27.76 0 0 1-27.729 27.73H261v-302h184.271A27.76 27.76 0 0 1 473 109.113z"
/>
<path
fill="url(#d)"
d="M206.504 127.384H83.496a5 5 0 1 0 0 10h123.008a5 5 0 0 0 0-10z"
/>
<path
fill="url(#e)"
d="M206.504 177.384H83.496a5 5 0 0 0 0 10h123.008a5 5 0 0 0 0-10z"
/>
<path
fill="url(#f)"
d="M206.504 227.384H83.496a5 5 0 0 0 0 10h123.008a5 5 0 0 0 0-10z"
/>
<path
fill="url(#g)"
d="M206.504 277.384H83.496a5 5 0 0 0 0 10h123.008a5 5 0 0 0 0-10z"
/>
<path
fill="url(#h)"
d="M206.504 327.384H83.496a5 5 0 0 0 0 10h123.008a5 5 0 0 0 0-10z"
/>
<path
fill="url(#i)"
d="M428.504 127.384H305.496a5 5 0 1 0 0 10h123.008a5 5 0 0 0 0-10z"
/>
<path
fill="url(#j)"
d="M428.504 177.384H305.496a5 5 0 0 0 0 10h123.008a5 5 0 0 0 0-10z"
/>
<path
fill="url(#k)"
d="M428.504 227.384H305.496a5 5 0 0 0 0 10h123.008a5 5 0 0 0 0-10z"
/>
<path
fill="url(#l)"
d="M428.504 277.384H305.496a5 5 0 0 0 0 10h123.008a5 5 0 0 0 0-10z"
/>
<path
fill="url(#m)"
d="M428.504 327.384H305.496a5 5 0 0 0 0 10h123.008a5 5 0 0 0 0-10z"
/>
</g>
</svg>
More icons in the same style and category