Add icons to this collection by clicking the heart icon.
Book icon - also known as education, study, book, learning, and congratulation. 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="-19.123"
x2="23.043"
y1="46.158"
y2="5.221"
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="-14.224"
x2="27.942"
y1="51.205"
y2="10.267"
href="#a"
/>
<linearGradient
id="c"
x1="4.032"
x2="46.198"
y1="70.008"
y2="29.07"
href="#a"
/>
<linearGradient
id="d"
x1="9.455"
x2="51.621"
y1="75.594"
y2="34.656"
href="#a"
/>
<linearGradient
id="e"
x1="-13.408"
x2="28.758"
y1="52.045"
y2="11.107"
href="#a"
/>
<linearGradient
id="f"
x1="-6.597"
x2="35.569"
y1="59.061"
y2="18.123"
href="#a"
/>
<linearGradient
id="g"
x1="-2.281"
x2="39.885"
y1="63.506"
y2="22.568"
href="#a"
/>
<linearGradient
id="h"
x1=".388"
x2="42.554"
y1="66.255"
y2="25.317"
href="#a"
/>
<linearGradient
id="i"
x1="3.799"
x2="45.965"
y1="69.768"
y2="28.831"
href="#a"
/>
<linearGradient
id="j"
x1="6.783"
x2="48.949"
y1="72.842"
y2="31.904"
href="#a"
/>
<linearGradient
id="k"
x1="2.067"
x2="44.232"
y1="67.984"
y2="27.046"
href="#a"
/>
<linearGradient
id="l"
x1="-.602"
x2="41.564"
y1="65.235"
y2="24.297"
href="#a"
/>
<linearGradient
id="m"
x1="-4.016"
x2="38.15"
y1="61.724"
y2="20.786"
href="#a"
/>
<linearGradient
id="n"
x1="-7.497"
x2="34.669"
y1="58.133"
y2="17.195"
href="#a"
/>
<linearGradient
id="o"
x1="16.517"
x2="58.683"
y1="82.868"
y2="41.931"
href="#a"
/>
<linearGradient
id="p"
x1="20.023"
x2="62.189"
y1="86.479"
y2="45.541"
href="#a"
/>
<g>
<path fill="url(#a)" d="M12 12h4v4h-4z" />
<path
fill="url(#b)"
d="m12.88 36 8-2H7a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h26a1 1 0 0 1 1 1v23.72l2-.5V4H7a3.009 3.009 0 0 0-3 3v29.56A3.906 3.906 0 0 1 6 36z"
/>
<path
fill="url(#c)"
d="m37 32.03-23 5.75v.44l23 5.75 19-4.75V38h2v.72l2-.5v-.44z"
/>
<path
fill="url(#d)"
d="M37 46a.986.986 0 0 1-.24-.03L23 42.53V55c0 .9 4.76 3 14 3s14-2.1 14-3V42.53l-13.76 3.44A.986.986 0 0 1 37 46zm-10 6h-2v-2h2zm0-4h-2v-3h2z"
/>
<path
fill="url(#e)"
d="m28.88 32 3.12-.78V8H8v24zM31 24H21v-2h10zm-4-4v-2h3v2zm-2-10h5v2h-5zm-5 0h3v2h-3zm0 4h10v2H20zm0 4h5v2h-5zm-10-1v-6a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v13h-2v-6h-4v6h-2z"
/>
<path
fill="url(#f)"
d="M12 39v-1H6a2 2 0 0 0 0 4h14.88l-8.12-2.03A1 1 0 0 1 12 39z"
/>
<path fill="url(#g)" d="M40 20h3v2h-3z" />
<path fill="url(#h)" d="M45 20h4v2h-4z" />
<path fill="url(#i)" d="M53 24h2v-3a1 1 0 0 0-1-1h-3v2h2z" />
<path fill="url(#j)" d="M53 26h2v2h-2z" />
<path fill="url(#k)" d="M16 52h3v2h-3z" />
<path fill="url(#l)" d="M10 52h4v2h-4z" />
<path fill="url(#m)" d="M6 50H4v3a1 1 0 0 0 1 1h3v-2H6z" />
<path fill="url(#n)" d="M4 45h2v2H4z" />
<path
fill="url(#o)"
d="M58 46.13V41h-2v5.13a3.657 3.657 0 0 1 1-.13 3.708 3.708 0 0 1 1 .13z"
/>
<path
fill="url(#p)"
d="M57 47a2.006 2.006 0 0 0-2 2v4h4v-4a2.015 2.015 0 0 0-2-2z"
/>
</g>
</svg>
More icons in the same style and category