Add icons to this collection by clicking the heart icon.
Open Book icon - also known as education, reading, study, book, library, books, open book, 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.451"
x2="28.575"
y1="610.625"
y2="610.625"
gradientTransform="matrix(8 0 0 -8 455 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="M64 48h16v16H64V48z" fill="url(#a)" />
<linearGradient
id="b"
x1="-58.451"
x2="28.575"
y1="610.625"
y2="610.625"
gradientTransform="matrix(8 0 0 -8 455 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 48h112v16H96V48z" fill="url(#b)" />
<linearGradient
id="c"
x1="-58.451"
x2="28.575"
y1="604.625"
y2="604.625"
gradientTransform="matrix(8 0 0 -8 455 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="M64 96h144v16H64V96z" fill="url(#c)" />
<linearGradient
id="d"
x1="-58.451"
x2="28.575"
y1="598.625"
y2="598.625"
gradientTransform="matrix(8 0 0 -8 455 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="M64 144h144v16H64v-16z" fill="url(#d)" />
<linearGradient
id="e"
x1="-58.451"
x2="28.575"
y1="592.625"
y2="592.625"
gradientTransform="matrix(8 0 0 -8 455 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="M64 192h144v16H64v-16z" fill="url(#e)" />
<linearGradient
id="f"
x1="-58.451"
x2="28.575"
y1="586.625"
y2="586.625"
gradientTransform="matrix(8 0 0 -8 455 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="M64 240h144v16H64v-16z" fill="url(#f)" />
<linearGradient
id="g"
x1="-58.451"
x2="28.575"
y1="610.625"
y2="610.625"
gradientTransform="matrix(8 0 0 -8 455 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="M272 48h144v16H272V48z" fill="url(#g)" />
<linearGradient
id="h"
x1="-58.451"
x2="28.575"
y1="604.625"
y2="604.625"
gradientTransform="matrix(8 0 0 -8 455 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="M272 96h144v16H272V96z" fill="url(#h)" />
<linearGradient
id="i"
x1="-58.451"
x2="28.575"
y1="598.625"
y2="598.625"
gradientTransform="matrix(8 0 0 -8 455 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="M272 144h144v16H272v-16z" fill="url(#i)" />
<linearGradient
id="j"
x1="-58.451"
x2="28.575"
y1="592.625"
y2="592.625"
gradientTransform="matrix(8 0 0 -8 455 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="M272 192h144v16H272v-16z" fill="url(#j)" />
<linearGradient
id="k"
x1="-58.451"
x2="28.575"
y1="586.625"
y2="586.625"
gradientTransform="matrix(8 0 0 -8 455 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="M272 240h144v16H272v-16z" fill="url(#k)" />
<linearGradient
id="l"
x1="-58.451"
x2="28.575"
y1="587.625"
y2="587.625"
gradientTransform="matrix(8 0 0 -8 455 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="M472 24h-24V8a8 8 0 0 0-8-8H256a23.848 23.848 0 0 0-16 6.24A23.848 23.848 0 0 0 224 0H40a8 8 0 0 0-8 8v16H8a8 8 0 0 0-8 8v296a8 8 0 0 0 8 8h344v104c0 13.255-10.745 24-24 24H200c-13.255 0-24-10.745-24-24v-72c0-13.255-10.745-24-24-24H64c-8.837 0-16 7.163-16 16v8h-8c-13.255 0-24 10.745-24 24v64c0 13.255 10.745 24 24 24h32c13.255 0 24-10.745 24-24v-64c0-13.255-10.745-24-24-24h-8v-8h88a8 8 0 0 1 8 8v72c.026 22.08 17.92 39.974 40 40h128c22.08-.026 39.974-17.92 40-40V336h104a8 8 0 0 0 8-8V32a8 8 0 0 0-8-8zM80 392v64a8 8 0 0 1-8 8H40a8 8 0 0 1-8-8v-64a8 8 0 0 1 8-8h32a8 8 0 0 1 8 8zM256 16h176v272H272a39.8 39.8 0 0 0-24 8.208V24a8 8 0 0 1 8-8zM48 16h176a8 8 0 0 1 8 8v272.104c-.456-.344-.904-.712-1.376-1.032-.128-.088-.248-.2-.376-.288a40.368 40.368 0 0 0-6.016-3.272c-.408-.176-.8-.36-1.216-.528a40.137 40.137 0 0 0-6.488-2.024c-.408-.088-.8-.144-1.24-.224A39.808 39.808 0 0 0 208 288H48V16zM16 40h16v256a8 8 0 0 0 8 8h168c1.48.01 2.956.16 4.408.448.448.08.872.208 1.312.32.979.232 1.942.531 2.88.896.459.171.907.355 1.344.552.931.434 1.834.925 2.704 1.472.328.208.68.392 1 .608a24.481 24.481 0 0 1 3.2 2.664c.168.168.312.368.48.544a25.406 25.406 0 0 1 2.208 2.68c.264.376.504.8.744 1.16.52.829.987 1.689 1.4 2.576.2.432.408.864.584 1.304.096.256.144.52.24.8H16V40zm448 280H249.464c.056-.176.096-.352.16-.528a23.523 23.523 0 0 1 1.448-3c.264-.48.472-.992.8-1.456a24.692 24.692 0 0 1 3.136-4A24.14 24.14 0 0 1 272 304h168a8 8 0 0 0 8-8V40h16v280z"
fill="url(#l)"
/>
<linearGradient
id="m"
x1="-58.451"
x2="28.575"
y1="566.625"
y2="566.625"
gradientTransform="matrix(8 0 0 -8 455 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="M48 400h16v16H48v-16z" fill="url(#m)" />
</svg>
More icons in the same style and category