Add icons to this collection by clicking the heart icon.
Notebook icon - also known as book, notebook, notes, heart, love, romance, and love and romance. Created in a clean lineal color style with a white, silver, gray, red, maroon, and teal finish, 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 60 60"
>
<path
fill="#f5f5f5"
d="M7 10V7a6 6 0 0 1 6-6h38a6 6 0 0 1 6 6v46a6 6 0 0 1-6 6H13a6 6 0 0 1-6-6z"
/>
<path
fill="#f5f5f5"
d="M7 10V7a6 6 0 0 1 6-6h38a6 6 0 0 1 6 6v46a6 6 0 0 1-6 6H13a6 6 0 0 1-6-6z"
/>
<path
fill="#cfd8dc"
d="M51 1h-3a6 6 0 0 1 6 6v46a6 6 0 0 1-6 6h3a6 6 0 0 0 6-6V7a6 6 0 0 0-6-6z"
/>
<rect width="10" height="4" x="2" y="10" fill="#9e9e9e" rx="2" />
<path fill="#707070" d="M10 10H7a2 2 0 0 1 0 4h3a2 2 0 0 0 0-4z" />
<rect width="10" height="4" x="2" y="22" fill="#9e9e9e" rx="2" />
<path fill="#707070" d="M10 22H7a2 2 0 0 1 0 4h3a2 2 0 0 0 0-4z" />
<rect width="10" height="4" x="2" y="34" fill="#9e9e9e" rx="2" />
<path fill="#707070" d="M10 34H7a2 2 0 0 1 0 4h3a2 2 0 0 0 0-4z" />
<rect width="10" height="4" x="2" y="46" fill="#9e9e9e" rx="2" />
<path fill="#707070" d="M10 46H7a2 2 0 0 1 0 4h3a2 2 0 0 0 0-4z" />
<path
fill="#ef314c"
d="M32 12.375A7.53 7.53 0 0 1 37.5 10c3.256 0 5.5 3.078 5.5 6.621S40.68 26.3 32 29c-8.68-2.7-11-8.823-11-12.379S23.244 10 26.5 10a7.53 7.53 0 0 1 5.5 2.375z"
/>
<path
fill="#bb193b"
d="M37.5 10a7.385 7.385 0 0 0-1.638.2c2.5.723 4.138 3.4 4.138 6.423 0 3.341-2.051 8.949-9.5 11.853.478.187.976.363 1.5.526 8.68-2.7 11-8.823 11-12.379S40.756 10 37.5 10z"
/>
<rect width="30" height="17" x="17" y="35" fill="#02a9f4" rx="2" />
<path
fill="#0377bc"
d="M45 35h-3a2 2 0 0 1 2 2v13a2 2 0 0 1-2 2h3a2 2 0 0 0 2-2V37a2 2 0 0 0-2-2z"
/>
<path
fill="#607d8b"
d="M53 27h5a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1h-5a4 4 0 0 1-4-4 4 4 0 0 1 4-4z"
/>
<path
fill="#37474f"
d="M58 27h-3a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1h3a1 1 0 0 0 1-1v-6a1 1 0 0 0-1-1z"
/>
<path
fill="#f5f5f5"
d="M25 19a1 1 0 0 1-.971-.764 5.071 5.071 0 0 1 1.315-4.99 1 1 0 0 1 1.322 1.5 3.107 3.107 0 0 0-.693 3.017 1 1 0 0 1-.736 1.208A1.016 1.016 0 0 1 25 19z"
/>
<path
d="M31.7 29.955a1 1 0 0 0 .594 0C40.935 27.269 44 21.094 44 16.621 44 12.348 41.145 9 37.5 9a8.594 8.594 0 0 0-5.5 1.994A8.594 8.594 0 0 0 26.5 9c-3.645 0-6.5 3.348-6.5 7.621 0 4.473 3.065 10.648 11.7 13.334zM26.5 11a6.482 6.482 0 0 1 4.735 2.02 1.006 1.006 0 0 0 .761.353.947.947 0 0 0 .769-.353A6.487 6.487 0 0 1 37.5 11c2.816 0 4.5 2.858 4.5 5.621 0 3.743-2.626 8.923-10 11.329-7.374-2.406-10-7.586-10-11.329C22 13.858 23.684 11 26.5 11zM45 34H19a3 3 0 0 0-3 3v13a3 3 0 0 0 3 3h26a3 3 0 0 0 3-3V37a3 3 0 0 0-3-3zm1 16a1 1 0 0 1-1 1H19a1 1 0 0 1-1-1V37a1 1 0 0 1 1-1h26a1 1 0 0 1 1 1z"
/>
<path
d="M41 40H23a1 1 0 0 0 0 2h18a1 1 0 0 0 0-2zM41 45H23a1 1 0 0 0 0 2h18a1 1 0 0 0 0-2z"
/>
<path
d="M58 26V7a7.009 7.009 0 0 0-7-7H13a7.009 7.009 0 0 0-7 7v2H4a3 3 0 0 0 0 6h2v6H4a3 3 0 0 0 0 6h2v6H4a3 3 0 0 0 0 6h2v6H4a3 3 0 0 0 0 6h2v2a7.009 7.009 0 0 0 7 7h38a7.009 7.009 0 0 0 7-7V36a2 2 0 0 0 2-2v-6a2 2 0 0 0-2-2zM3 12a1 1 0 0 1 1-1h6a1 1 0 0 1 0 2H4a1 1 0 0 1-1-1zm0 12a1 1 0 0 1 1-1h6a1 1 0 0 1 0 2H4a1 1 0 0 1-1-1zm0 12a1 1 0 0 1 1-1h6a1 1 0 0 1 0 2H4a1 1 0 0 1-1-1zm0 12a1 1 0 0 1 1-1h6a1 1 0 0 1 0 2H4a1 1 0 0 1-1-1zm53 5a5.006 5.006 0 0 1-5 5H13a5.006 5.006 0 0 1-5-5v-2h2a3 3 0 0 0 0-6H8v-6h2a3 3 0 0 0 0-6H8v-6h2a3 3 0 0 0 0-6H8v-6h2a3 3 0 0 0 0-6H8V7a5.006 5.006 0 0 1 5-5h38a5.006 5.006 0 0 1 5 5v19h-3a5 5 0 0 0 0 10h3zm-3-19a3 3 0 0 1 0-6h5v6z"
/>
<circle cx="53" cy="31" r="1" />
</svg>
More icons in the same style and category