Add icons to this collection by clicking the heart icon.
Book icon - also known as book, notebook, pencil, valentine, and love and romance. 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="57"
x2="57"
y1="65.683"
y2="7.604"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#1a125f" />
<stop offset=".205" stop-color="#423795" />
<stop offset=".681" stop-color="#ed1a58" />
<stop offset="1" stop-color="#54c2ef" />
</linearGradient>
<linearGradient
id="b"
x1="58.99"
x2="58.99"
y1="65.683"
y2="7.604"
href="#a"
/>
<linearGradient id="c" x1="55" x2="55" y1="65.683" y2="7.604" href="#a" />
<linearGradient id="d" x1="28" x2="28" y1="65.683" y2="7.604" href="#a" />
<linearGradient id="e" x1="20" x2="20" y1="65.683" y2="7.604" href="#a" />
<linearGradient id="f" x1="36" x2="36" y1="65.683" y2="7.604" href="#a" />
<linearGradient id="g" x1="26" x2="26" y1="65.683" y2="7.604" href="#a" />
<linearGradient id="h" x1="33" x2="33" y1="65.683" y2="7.604" href="#a" />
<g>
<g fill="url(#a)">
<path
d="m56.17 53.1.83 1.66.83-1.66a3.872 3.872 0 0 0-1.66 0zM59.78 49.2 57 46.41l-2.78 2.79 1.03 2.07a6.132 6.132 0 0 1 3.5 0zM54 14h6v-1a3 3 0 0 0-6 0z"
/>
</g>
<path fill="url(#b)" d="M60 46.59V20h-2.02L58 44.59z" />
<path fill="url(#c)" d="m54 46.59 2-2L55.98 20H54z" />
<path fill="url(#a)" d="M54 16h6v2h-6z" />
<path
fill="url(#d)"
d="M28 24.762c.306-.231.723-.556 1.192-.941A4.852 4.852 0 0 1 28 21a3.1 3.1 0 0 1 2.437-3.062 3.037 3.037 0 0 1 2.563.525 2.969 2.969 0 0 1 1.474-.574A4.4 4.4 0 0 0 35 16a3.338 3.338 0 0 0-2.034-3.273 3.927 3.927 0 0 0-4.259.98 1 1 0 0 1-1.414 0 3.933 3.933 0 0 0-4.259-.98A3.338 3.338 0 0 0 21 16c0 2.932 4.612 6.982 7 8.762z"
/>
<path
fill="url(#e)"
d="M19.45 58.17a.975.975 0 0 1 1.1 0l1.45.96V54h-4v5.13z"
/>
<path fill="url(#f)" d="M24 54h24v2H24z" />
<path
fill="url(#g)"
d="M48 50H7a3 3 0 0 0 0 6h9v-2h-3a1 1 0 0 1 0-2h35zM9 54H7a1 1 0 0 1 0-2h2a1 1 0 0 1 0 2z"
/>
<path
fill="url(#h)"
d="M34.964 19.862a1 1 0 0 0-1.069.585 1.042 1.042 0 0 1-1.79 0 .994.994 0 0 0-.931-.594 1.215 1.215 0 0 0-.278.032A1.11 1.11 0 0 0 30 21c0 1.006 1.628 2.679 3 3.755 1.4-1.09 3-2.739 3-3.755a1.147 1.147 0 0 0-1.032-1.137z"
/>
<path
fill="url(#g)"
d="M48 4H9a5 5 0 0 0-5 5v40.03A4.924 4.924 0 0 1 7 48h41zm-25.73 6.879a5.838 5.838 0 0 1 5.73.8 5.841 5.841 0 0 1 5.73-.8A5.321 5.321 0 0 1 37 16a5.916 5.916 0 0 1-.521 2.311A3.083 3.083 0 0 1 38 21c0 2.6-3.688 5.3-4.428 5.82a1 1 0 0 1-1.144 0 18.01 18.01 0 0 1-1.881-1.528 34.44 34.44 0 0 1-1.973 1.527 1 1 0 0 1-1.146 0C26.565 26.218 19 20.8 19 16a5.321 5.321 0 0 1 3.27-5.121zM10 45a1 1 0 0 1-2 0V7a1 1 0 0 1 2 0zm29-4H19a1 1 0 0 1 0-2h20a1 1 0 0 1 0 2zm4-5H15a1 1 0 0 1 0-2h28a1 1 0 0 1 0 2z"
/>
</g>
</svg>
More icons in the same style and category