Add icons to this collection by clicking the heart icon.
Notebook icon - also known as diary, notebook, heart, love, agenda, and love and romance. Created in a clean lineal color 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="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0v-351.414c0-27.726-22.485-50.202-50.223-50.202h-246.089c-26.115 0-47.58 19.94-49.991 45.413v337.628c0 37.857 30.701 68.546 68.574 68.546h232.298C-19.948 47.562 0 26.105 0 0"
transform="translate(479.233 409.116)"
fill="#7b84d9"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-192.738c-58.143 0-79.299-22.48-79.299-50.202v-351.414c0-27.936 13.232-50.202 79.299-50.202H0c27.732 0 50.222 22.48 50.222 50.202v351.414C50.222-22.706 27.946 0 0 0"
transform="translate(383.812 504.5)"
fill="#7ee6fe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 6.922 2.602 13.645 7.453 18.583 20.083 20.44 19.989 52.843.001 73.227C2.606 96.753 0 103.471 0 110.393v10.092c0 6.922 2.602 13.645 7.453 18.583 20.082 20.44 19.991 52.841.001 73.227C2.606 217.238 0 223.955 0 230.878v10.108a26.863 26.863 0 0 0 7.601 18.729c19.734 20.289 19.952 52.217.059 72.827-4.879 5.055-7.66 11.776-7.66 18.8 0 28.053 22.718 50.274 50.223 50.274H-3.129c-27.736 0-50.222-22.476-50.222-50.202V0c0-27.936 22.715-50.202 50.222-50.202h53.352C22.657-50.202 0-27.872 0 0"
transform="translate(140.85 102.884)"
fill="#04d5fe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v52.21c0 16.777-13.6 30.372-30.385 30.372h-68.803c-40.262 0-51.311-13.595-51.311-30.372V0c0-16.778 12.053-30.373 51.311-30.373h68.803C-13.6-30.373 0-16.778 0 0"
transform="translate(373.767 143.297)"
fill="#eeecfe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v52.21c0 16.777 13.601 30.372 30.385 30.372h-43.694c-16.784 0-30.384-13.595-30.384-30.372V0c0-16.778 13.6-30.373 30.384-30.373h43.694C13.601-30.373 0-16.778 0 0"
transform="translate(244.193 143.297)"
fill="#d3d3fe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 16.637-13.49 30.121-30.134 30.121h-16.071C-75.334 30.121-90.4 16.626-90.4 0c0-16.638 15.066-30.122 44.195-30.122h16.071C-13.499-30.122 0-16.627 0 0"
transform="translate(140.233 158.106)"
fill="#5e566f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 16.626 13.499 30.121 30.133 30.121H1.004C-15.63 30.121-29.129 16.626-29.129 0c0-16.638 13.489-30.122 30.133-30.122h29.129C13.489-30.122 0-16.638 0 0"
transform="translate(63.895 158.106)"
fill="#4f4b5e"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 16.637-13.49 30.121-30.134 30.121h-16.071C-75.334 30.121-90.4 16.627-90.4 0c0-16.637 15.066-30.121 44.195-30.121h16.071C-13.499-30.121 0-16.626 0 0"
transform="translate(140.233 278.59)"
fill="#5e566f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 16.627 13.499 30.121 30.133 30.121H1.004C-15.63 30.121-29.129 16.627-29.129 0c0-16.637 13.489-30.121 30.133-30.121h29.129C13.489-30.121 0-16.637 0 0"
transform="translate(63.895 278.59)"
fill="#4f4b5e"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 16.637-13.49 30.121-30.134 30.121h-16.071C-75.334 30.121-90.4 16.626-90.4 0c0-16.638 15.066-30.122 44.195-30.122h16.071C-13.499-30.122 0-16.627 0 0"
transform="translate(140.233 399.076)"
fill="#5e566f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 16.626 13.499 30.121 30.133 30.121H1.004C-15.63 30.121-29.129 16.626-29.129 0c0-16.638 13.489-30.122 30.133-30.122h29.129C13.489-30.122 0-16.638 0 0"
transform="translate(63.895 399.076)"
fill="#4f4b5e"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a20.97 20.97 0 0 0-11.481-2.251c-27.95-11.21-36.996-39.307-36.996-61.746 0-31.186 8.711-63.59 47.538-81.7a46.25 46.25 0 0 1 19.07 8.445C122.352-59.078 69.337 35.824 0 0"
transform="translate(296.515 433.454)"
fill="#fe8d9e"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-2.68.237-5.325.981-7.783 2.251-69.337 35.824-122.352-59.078-18.131-137.252a46.171 46.171 0 0 1 36.456-8.445C-16.182-102.03-18.93-44.429 0 0"
transform="translate(285.033 431.203)"
fill="#fe5b71"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c104.221 78.174 51.206 173.076-18.131 137.252a20.978 20.978 0 0 0-19.265 0C-106.732 173.076-159.747 78.174-55.526 0A46.18 46.18 0 0 1 0 0Z"
transform="translate(314.646 296.202)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v60.242"
transform="translate(87.5 188.227)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h20.592c27.896 0 50.221-22.655 50.221-50.202v-351.414c0-27.722-22.489-50.202-50.221-50.202h-246.09c-27.644 0-50.222 22.404-50.222 50.202v25.1"
transform="translate(363.22 504.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v25.101c0 27.721 22.489 50.202 50.222 50.202h190.342"
transform="translate(87.5 429.197)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v60.242"
transform="translate(87.5 308.712)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c2.411-25.473 23.876-45.413 49.991-45.413h43.192"
transform="translate(132.93 52.913)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c25.482-2.409 45.431-23.865 45.431-49.971v-351.414c0-27.721-22.49-50.202-50.223-50.202h-167.742"
transform="translate(433.803 459.087)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c16.644 0 30.134-13.484 30.134-30.121 0-16.626-13.499-30.121-30.134-30.121h-45.2c-16.644 0-30.133 13.484-30.133 30.121C-75.333-13.494-61.834 0-45.2 0Z"
transform="translate(110.1 308.712)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c16.644 0 30.134-13.484 30.134-30.121 0-16.627-13.499-30.122-30.134-30.122h-45.2c-16.644 0-30.133 13.484-30.133 30.122C-75.333-13.495-61.834 0-45.2 0Z"
transform="translate(110.1 429.197)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c16.644 0 30.134-13.484 30.134-30.121 0-16.627-13.499-30.122-30.134-30.122h-45.2c-16.644 0-30.133 13.484-30.133 30.122C-75.333-13.495-61.834 0-45.2 0Z"
transform="translate(110.1 188.227)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-112.497c-16.784 0-30.385 13.595-30.385 30.373v52.21c0 16.777 13.601 30.372 30.385 30.372H0c16.785 0 30.385-13.595 30.385-30.372v-52.21C30.385 13.595 16.785 0 0 0Z"
transform="translate(343.382 112.924)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h97.934"
transform="translate(238.167 188.227)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h97.934"
transform="translate(238.167 150.576)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category