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 512 512"
>
<linearGradient
id="a"
x1="74.981"
x2="437.019"
y1="439.019"
y2="76.981"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff94cc" />
<stop offset="1" stop-color="#ff39a1" />
</linearGradient>
<circle cx="256" cy="256" r="256" fill="url(#a)" />
<linearGradient
id="b"
x1="117.333"
x2="394.667"
y1="147.77"
y2="147.77"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#51946f" />
<stop offset="1" stop-color="#00492c" />
</linearGradient>
<path
d="M256 340.447v-2.655l-12.337 1.446-14.746-1.446 1.431 3.006-113.015 13.244v16.25h101.426c6.364 14.618 20.878 24.375 37.241 24.375s30.877-9.757 37.241-24.375h101.426v-16.25L256 340.447z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="125.33"
x2="374.02"
y1="274.25"
y2="274.25"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#a3ebfe" />
<stop offset="1" stop-color="#70e2ff" />
</linearGradient>
<path
d="M288.5 117.333c-17.875 0-32.5 14.625-32.5 32.5l-27.083 102.104L256 362.167h8.125c0-3.796.873-7.392 2.428-10.598l128.114-30.027V117.333H288.5z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="125.33"
x2="374.02"
y1="274.25"
y2="274.25"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f3edee" />
<stop offset="1" stop-color="#a3ebfe" />
</linearGradient>
<path
d="M223.5 117.333H117.333v204.208l107.25 21.667 23.292 18.958L256 356.75V149.833c0-17.875-14.625-32.5-32.5-32.5z"
fill="url(#d)"
/>
<path d="M321.27 345.92h16.25v48.75h-16.25z" fill="#ffc65c" />
<linearGradient
id="e"
x1="117.333"
x2="394.667"
y1="172.145"
y2="172.145"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#70e2ff" />
<stop offset="1" stop-color="#0391c6" />
</linearGradient>
<path
d="M288.5 321.542c-13.275 0-25.082 6.401-32.5 16.278-7.418-9.877-19.225-16.278-32.5-16.278H117.333v16.25H223.5c13.441 0 24.375 10.934 24.375 24.375h16.25c0-13.441 10.934-24.375 24.375-24.375h106.167v-16.25H288.5z"
fill="url(#e)"
/>
<linearGradient
id="f"
x1="117.333"
x2="394.667"
y1="155.895"
y2="155.895"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#05ceff" />
<stop offset="1" stop-color="#01538d" />
</linearGradient>
<path
d="M288.5 337.792c-13.275 0-25.082 6.401-32.5 16.278-7.418-9.877-19.225-16.278-32.5-16.278H117.333v16.25H223.5c13.441 0 24.375 10.934 24.375 24.375h16.25c0-13.441 10.934-24.375 24.375-24.375h106.167v-16.25H288.5z"
fill="url(#f)"
/>
<linearGradient
id="g"
x1="299.852"
x2="381.642"
y1="441.584"
y2="79.545"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff94cc" />
<stop offset="1" stop-color="#ff39a1" />
</linearGradient>
<path d="M288.5 162.56h81.79v81.25H288.5z" fill="url(#g)" />
<linearGradient
id="h"
x1="288.5"
x2="370.29"
y1="245.815"
y2="245.815"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#05ceff" />
<stop offset="1" stop-color="#01538d" />
</linearGradient>
<path d="M288.5 260.06h81.79v16.25H288.5z" fill="url(#h)" />
<linearGradient
id="i"
x1="141.71"
x2="223.5"
y1="343.315"
y2="343.315"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#70e2ff" />
<stop offset="1" stop-color="#0391c6" />
</linearGradient>
<path d="M141.71 162.56h81.79v16.25h-81.79z" fill="url(#i)" />
<linearGradient
id="j"
x1="141.71"
x2="223.5"
y1="310.815"
y2="310.815"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#70e2ff" />
<stop offset="1" stop-color="#0391c6" />
</linearGradient>
<path d="M141.71 195.06h81.79v16.25h-81.79z" fill="url(#j)" />
<linearGradient
id="k"
x1="141.71"
x2="223.5"
y1="278.315"
y2="278.315"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#70e2ff" />
<stop offset="1" stop-color="#0391c6" />
</linearGradient>
<path d="M141.71 227.56h81.79v16.25h-81.79z" fill="url(#k)" />
<linearGradient
id="l"
x1="141.71"
x2="223.5"
y1="245.815"
y2="245.815"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#70e2ff" />
<stop offset="1" stop-color="#0391c6" />
</linearGradient>
<path d="M141.71 260.06h81.79v16.25h-81.79z" fill="url(#l)" />
</svg>
More icons in the same style and category