Add icons to this collection by clicking the heart icon.
Book icon - also known as education, reading, study, book, library, books, open book, and literature. Created in a clean gradient style with a white finish, 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="512pt"
height="512pt"
viewBox="0 0 512 512"
>
<linearGradient id="a">
<stop offset="0" stop-color="#c2e8ff" />
<stop offset="1" stop-color="#309fdf" />
</linearGradient>
<linearGradient
id="d"
x1="74.981"
x2="437.019"
y1="74.981"
y2="437.019"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#f8f368" />
<stop offset="1" stop-color="#fcb446" />
</linearGradient>
<linearGradient
id="e"
x1="124.043"
x2="387.957"
y1="85.137"
y2="349.051"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="f"
x1="143.496"
x2="368.504"
y1="104.59"
y2="329.598"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" />
<stop offset="1" stop-color="#fcfac3" />
</linearGradient>
<linearGradient
id="g"
x1="168.137"
x2="343.863"
y1="295.231"
y2="470.957"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#976f37" />
<stop offset="1" stop-color="#694819" />
</linearGradient>
<linearGradient
id="h"
x1="231.359"
x2="280.641"
y1="358.453"
y2="407.734"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="i"
x1="244.592"
x2="347.593"
y1="169.312"
y2="272.313"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="c">
<stop offset="0" stop-color="#84d2ff" />
<stop offset="1" stop-color="#1982bf" />
</linearGradient>
<linearGradient
id="j"
x1="272.984"
x2="331.963"
y1="253.664"
y2="312.643"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="k"
x1="180.089"
x2="238.964"
y1="253.716"
y2="312.591"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<path
fill="url(#d)"
d="M512 256c0 141.387-114.613 256-256 256S0 397.387 0 256 114.613 0 256 0s256 114.613 256 256zm0 0"
/>
<path
fill="url(#e)"
d="M392.82 90H119.18v254.188l98.707 14.503-.793 5.598 21.875-2.504L256 364.29v-4.45l136.82-15.651zm0 0"
/>
<path
fill="url(#f)"
d="M256 109.453H138.633v215.281h234.734v-215.28zm0 0"
/>
<path fill="url(#g)" d="M256 344.188H119.18V422h273.64v-77.813zm0 0" />
<path fill="url(#h)" d="M256 373.367h-39.555v19.453h79.11v-19.453zm0 0" />
<path
fill="url(#i)"
d="m256 157.902-25.938 112.746 118.989.207V157.902c-25.7-25.695-67.352-25.695-93.051 0zm0 0"
/>
<path
fill="url(#j)"
d="m256 270.648-6.484 12.454L256 295.555c25.605-25.606 67.121-25.606 92.727 0h.324v-24.7c-28.117-18.488-64.871-18.558-93.051-.207zm0 0"
/>
<path
fill="#c2e8ff"
d="M256 157.902v112.746l-93.05.207V157.902c25.698-25.695 67.35-25.695 93.05 0zm0 0"
/>
<path
fill="url(#k)"
d="M256 270.648v24.907c-25.605-25.61-67.121-25.61-92.727 0h-.324v-24.7c28.117-18.488 64.871-18.558 93.051-.207zm0 0"
/>
<path
fill="#fff"
d="M182.402 166.8c7.832-5.66 17.22-8.714 27.07-8.714 9.856 0 19.239 3.055 27.075 8.715v74.18a104.849 104.849 0 0 0-26.914-3.497 105.03 105.03 0 0 0-27.23 3.578zm0 0"
/>
</svg>
More icons in the same style and category