Add icons to this collection by clicking the heart icon.
Book icon - also known as education, reading, study, book, library, books, and literature. 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 480 480"
>
<linearGradient
id="a"
x1="-58.648"
x2="28.888"
y1="587.625"
y2="587.625"
gradientTransform="matrix(8 0 0 -8 449.94 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".366" stop-color="#ed683c" />
<stop offset=".715" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path
d="M352.723 400h-288V16h288v112h16V8a8 8 0 0 0-8-8h-320C18.643.026.749 17.92.723 40v400c.026 22.08 17.92 39.974 40 40h320a8 8 0 0 0 8-8V360h-16v40zm-312-384h8v384h-8a39.583 39.583 0 0 0-24 8.208V40c0-13.255 10.745-24 24-24zm312 448h-312c-13.255 0-24-10.745-24-24s10.745-24 24-24h312v48z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-58.648"
x2="28.888"
y1="591.846"
y2="591.846"
gradientTransform="matrix(8 0 0 -8 449.94 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".366" stop-color="#ed683c" />
<stop offset=".715" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path
d="M233.691 160.976c-24.95 25.009-24.95 65.495 0 90.504l11.312-11.312c-18.713-18.758-18.713-49.122 0-67.88l-11.312-11.312z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="-58.648"
x2="28.888"
y1="585.218"
y2="585.218"
gradientTransform="matrix(8 0 0 -8 449.94 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".366" stop-color="#ed683c" />
<stop offset=".715" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path
d="m476.931 358.96-56.56-56.56c-9.382-9.352-24.562-9.352-33.944 0l-32.448-32.456c34.236-40.484 29.172-101.056-11.312-135.292s-101.056-29.172-135.292 11.312-29.172 101.056 11.312 135.292c35.786 30.264 88.194 30.264 123.98 0l32.456 32.448c-9.373 9.372-9.375 24.568-.003 33.941l.003.003 56.568 56.568a8 8 0 0 0 11.312 0l33.936-33.944a8 8 0 0 0-.008-11.312zm-252.8-94.4c-31.242-31.242-31.243-81.895-.001-113.137s81.895-31.243 113.137-.001 31.243 81.895.001 113.137l-.001.001c-31.253 31.188-81.854 31.191-113.112.008l-.024-.008zm213.208 122.688-50.912-50.92a8 8 0 0 1 0-11.312l11.312-11.312a8 8 0 0 1 11.314-.006l.006.006 50.904 50.912-22.624 22.632z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="-58.648"
x2="28.888"
y1="603.625"
y2="603.625"
gradientTransform="matrix(8 0 0 -8 449.94 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".366" stop-color="#ed683c" />
<stop offset=".715" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path
d="M320.723 96V64a8 8 0 0 0-8-8h-208a8 8 0 0 0-8 8v96a8 8 0 0 0 8 8h72v-16h-64V72h192v24h16z"
fill="url(#d)"
/>
<linearGradient
id="e"
x1="-58.648"
x2="28.888"
y1="591.625"
y2="591.625"
gradientTransform="matrix(8 0 0 -8 449.94 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".366" stop-color="#ed683c" />
<stop offset=".715" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path d="M96.723 200h72v16h-72v-16z" fill="url(#e)" />
<linearGradient
id="f"
x1="-58.648"
x2="28.888"
y1="585.625"
y2="585.625"
gradientTransform="matrix(8 0 0 -8 449.94 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".366" stop-color="#ed683c" />
<stop offset=".715" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path d="M96.723 248h80v16h-80v-16z" fill="url(#f)" />
<linearGradient
id="g"
x1="-58.648"
x2="28.888"
y1="579.625"
y2="579.625"
gradientTransform="matrix(8 0 0 -8 449.94 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".366" stop-color="#ed683c" />
<stop offset=".715" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path d="M96.723 296h112v16h-112v-16z" fill="url(#g)" />
<linearGradient
id="h"
x1="-58.648"
x2="28.888"
y1="573.625"
y2="573.625"
gradientTransform="matrix(8 0 0 -8 449.94 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".366" stop-color="#ed683c" />
<stop offset=".715" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path d="M96.723 344h224v16h-224v-16z" fill="url(#h)" />
</svg>
More icons in the same style and category