Add icons to this collection by clicking the heart icon.
Book icon - also known as education, book, diary, notebook, notes, heart, and love. 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="512"
height="512"
viewBox="0 0 512 512"
>
<linearGradient
id="a"
x1="85.188"
x2="468.349"
y1="-14.083"
y2="495.603"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fec194" />
<stop offset="1" stop-color="#ff0061" />
</linearGradient>
<linearGradient
id="b"
x1="37.593"
x2="420.754"
y1="21.697"
y2="531.383"
href="#a"
/>
<linearGradient
id="c"
x1="-58.47"
x2="324.692"
y1="93.913"
y2="603.599"
href="#a"
/>
<linearGradient
id="d"
x1="-106.501"
x2="276.66"
y1="130.021"
y2="639.707"
href="#a"
/>
<linearGradient
id="e"
x1="-154.532"
x2="228.629"
y1="166.129"
y2="675.815"
href="#a"
/>
<linearGradient
id="f"
x1="-10.438"
x2="372.723"
y1="57.805"
y2="567.491"
href="#a"
/>
<linearGradient
id="g"
x1="69.494"
x2="452.655"
y1="-2.284"
y2="507.401"
href="#a"
/>
<linearGradient
id="h"
x1="10"
x2="393.161"
y1="42.44"
y2="552.126"
href="#a"
/>
<g>
<path
fill="url(#a)"
d="M278.096 184.195 265.22 197.07a2.2 2.2 0 0 1-3.107 0l-12.875-12.875a55.347 55.347 0 1 0-78.269 78.276l73.916 73.776a26.626 26.626 0 0 0 37.563 0l73.92-73.78a55.347 55.347 0 1 0-78.272-78.272zm69.791 69.783-73.916 73.776a14.61 14.61 0 0 1-20.61 0l-73.911-73.772a43.347 43.347 0 0 1 61.302-61.302l12.876 12.876a14.214 14.214 0 0 0 20.077 0l12.876-12.876a43.347 43.347 0 0 1 61.306 61.298z"
/>
<path
fill="url(#b)"
d="M88.269 53.552H43.834a6 6 0 1 0 0 12h44.435a6 6 0 0 0 0-12z"
/>
<path
fill="url(#c)"
d="M88.269 253.552H43.834a6 6 0 0 0 0 12h44.435a6 6 0 1 0 0-12z"
/>
<path
fill="url(#d)"
d="M88.269 353.552H43.834a6 6 0 0 0 0 12h44.435a6 6 0 0 0 0-12z"
/>
<path
fill="url(#e)"
d="M88.269 453.552H43.834a6 6 0 0 0 0 12h44.435a6 6 0 1 0 0-12z"
/>
<path
fill="url(#f)"
d="M88.269 153.552H43.834a6 6 0 1 0 0 12h44.435a6 6 0 0 0 0-12z"
/>
<path
fill="url(#g)"
d="M438.164 5.004h-349a36.04 36.04 0 0 0-36 36v40.26a6 6 0 0 0 12 0V64.851a24 24 0 1 0 0-13.022V41.004a24.027 24.027 0 0 1 24-24h349a24.027 24.027 0 0 1 24 24v430a24.027 24.027 0 0 1-24 24h-349a24.027 24.027 0 0 1-24-24v-6.153a24 24 0 1 0 0-13.022V364.85a24 24 0 1 0 0-13.022V264.85a24 24 0 1 0 0-13.022V164.85a24 24 0 1 0 0-13.022v-17.405a6 6 0 0 0-12 0v336.58a36.04 36.04 0 0 0 36 36h349a36.04 36.04 0 0 0 36-36v-430a36.04 36.04 0 0 0-36-36zM88.267 46.34a12 12 0 1 1-12 12 12.014 12.014 0 0 1 12-12zm0 400a12 12 0 1 1-12 12 12.014 12.014 0 0 1 12-12zm0-100a12 12 0 1 1-12 12 12.014 12.014 0 0 1 12-12zm0-100a12 12 0 1 1-12 12 12.014 12.014 0 0 1 12-12zm0-100a12 12 0 1 1-12 12 12.014 12.014 0 0 1 12-12z"
/>
<path
fill="url(#h)"
d="M59.164 118.954a6 6 0 0 0 6-6v-10.23a6 6 0 0 0-12 0v10.23a6 6 0 0 0 6 6z"
/>
</g>
</svg>
More icons in the same style and category