Add icons to this collection by clicking the heart icon.
Open Book icon - also known as education, book, knowledge, school, learning, and open book. Created in a clean flat 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 64 64"
>
<linearGradient
id="a"
x1="-.078"
x2="51.464"
y1="52.34"
y2="4.177"
gradientUnits="userSpaceOnUse"
>
<stop offset=".133" stop-color="#a617ff" />
<stop offset=".477" stop-color="#6359e3" />
<stop offset="1" stop-color="#5bcbfa" />
</linearGradient>
<linearGradient
id="b"
x1="19.309"
x2="70.851"
y1="73.088"
y2="24.926"
href="#a"
/>
<linearGradient
id="c"
x1="5.888"
x2="57.43"
y1="58.724"
y2="10.562"
href="#a"
/>
<linearGradient
id="d"
x1="8.224"
x2="59.766"
y1="61.225"
y2="13.063"
href="#a"
/>
<linearGradient
id="e"
x1="14.051"
x2="65.593"
y1="67.461"
y2="19.298"
href="#a"
/>
<linearGradient
id="f"
x1="1.132"
x2="52.674"
y1="53.635"
y2="5.473"
href="#a"
/>
<linearGradient
id="g"
x1="-.843"
x2="50.699"
y1="51.522"
y2="3.359"
href="#a"
/>
<linearGradient
id="h"
x1="-5.723"
x2="45.819"
y1="46.299"
y2="-1.863"
href="#a"
/>
<linearGradient
id="i"
x1="-14.42"
x2="37.122"
y1="36.992"
y2="-11.171"
href="#a"
/>
<linearGradient
id="j"
x1="-12.707"
x2="38.835"
y1="38.825"
y2="-9.337"
href="#a"
/>
<path
fill="url(#a)"
d="M4 17v38h26.816A3 3 0 0 0 28 53H7a1 1 0 0 1-1-1V17z"
/>
<path
fill="url(#b)"
d="M60 17h-2v35a1 1 0 0 1-1 1H36a3 3 0 0 0-2.816 2H60z"
/>
<path
fill="url(#c)"
d="M46 44.026V8a3 3 0 0 0-3-3h-4v38h4a4.948 4.948 0 0 1 3 1.026z"
/>
<path
fill="url(#d)"
d="M33 18v34.026A4.948 4.948 0 0 1 36 51h7a3 3 0 0 0 0-6h-5a1 1 0 0 1-1-1V13h-1a3 3 0 0 0-3 3z"
/>
<path fill="url(#e)" d="M56 51V13h-8v35a4.948 4.948 0 0 1-1.026 3z" />
<path fill="url(#f)" d="M17.141 39h-2.282L16 41.551z" />
<path
fill="url(#g)"
d="M28 13h-8v24.294a1 1 0 0 1-.087.408l-3 6.706a1 1 0 0 1-1.826 0l-3-6.706a1 1 0 0 1-.087-.408V13H8v38h20a4.948 4.948 0 0 1 3 1.026V16a3 3 0 0 0-3-3z"
/>
<path fill="url(#h)" d="M14 15h4v22h-4z" />
<path fill="url(#i)" d="M16 7a2 2 0 0 0-2 2h4a2 2 0 0 0-2-2z" />
<path fill="url(#j)" d="M14 11h4v2h-4z" />
</svg>
More icons in the same style and category