Add icons to this collection by clicking the heart icon.
Notebook icon - also known as diary, notebook, friends, agenda, friendship, miscellaneous, best friends, besties, and bff. 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-52.908c0-9.819 7.959-17.779 17.778-17.779h63.221C76.509-7.529 136.232 34.608 206.258 43.102c76.075 9.228 140.376 32.937 156.408 86.711v240.238c0 31.073-25.189 56.262-56.263 56.262h-17.676c-8.534-22.96-31.207-37.755-54.942-43.813-23.734-6.058-48.693-4.206-73.08-1.906-24.388 2.299-49.144 4.992-73.229.53-28.174-5.22-54.218-21.071-72.776-43.038L0 320.515V37.114"
transform="translate(93.334 78.186)"
fill="#e5caf3"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-37.114"
transform="translate(93.334 115.3)"
fill="#e5caf3"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-70.025-8.494-129.749-50.631-125.259-113.788h225.405c31.073 0 56.262 25.19 56.262 56.263V86.712C140.376 32.937 76.075 9.228 0 0"
transform="translate(299.591 121.288)"
fill="#99e6fc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c24.085 4.462 48.842 1.769 73.229-.53 24.387-2.3 49.346-4.152 73.081 1.906 23.734 6.058 46.408 20.853 54.941 43.813H-69.697c-9.82 0-17.779-7.959-17.779-17.778v-88.02l14.701 17.571C-54.218-21.071-28.174-5.22 0 0"
transform="translate(180.81 459.31)"
fill="#99e6fc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-17.677c-.157-.423-.329-.838-.496-1.255C7.22-6.69 26.263-29.248 26.263-56.263v-283.942s17.852 2.96 30 43.705v240.237C56.263-25.19 31.073 0 0 0"
transform="translate(399.737 504.5)"
fill="#d9b1ee"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-37.114"
transform="translate(63.334 115.3)"
fill="#e5caf3"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-100.533c0-31.072-25.189-56.262-56.263-56.262h30c31.074 0 56.263 25.19 56.263 56.262V43.705C24.75 26.094 14.322 11.709 0 0"
transform="translate(426 164.295)"
fill="#62dbfb"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-42.667c-8.836 0-16 7.164-16 16s7.164 16 16 16H0c8.837 0 16-7.164 16-16S8.837 0 0 0"
transform="translate(114.667 400)"
fill="#9857bd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-42.667c-8.836 0-16 7.163-16 16 0 8.836 7.164 16 16 16H0c8.837 0 16-7.164 16-16C16 7.163 8.837 0 0 0"
transform="translate(114.667 293.334)"
fill="#9857bd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-42.667c-8.836 0-16 7.164-16 16 0 8.837 7.164 16 16 16H0c8.837 0 16-7.163 16-16C16 7.164 8.837 0 0 0"
transform="translate(114.667 186.667)"
fill="#9857bd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-42.667c-8.836 0-16 7.164-16 16s7.164 16 16 16H0c8.837 0 16-7.164 16-16S8.837 0 0 0"
transform="translate(114.667 80)"
fill="#9857bd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c17.901-42.986-2.434-92.346-45.42-110.248-42.986-17.901-92.346 2.434-110.247 45.42-17.901 42.987 2.434 92.346 45.42 110.247C-67.261 63.321-17.901 42.986 0 0"
transform="translate(332.04 201.744)"
fill="#ffe177"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-15.523 37.276-54.701 57.499-92.867 50.546C-65.657 45.611-41.422 27.428-30 0c17.902-42.986-2.434-92.346-45.42-110.248a84.559 84.559 0 0 0-17.381-5.127 83.896 83.896 0 0 1 47.381 5.127C-2.434-92.346 17.902-42.986 0 0"
transform="translate(332.04 201.744)"
fill="#ffd15b"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-10.486 2.847-20.987.792-29.248-4.652a4.972 4.972 0 0 0-6.843 1.35c-5.573 8.175-14.507 14.066-25.288 15.416-17.624 2.206-34.467-9.13-39.062-26.287-2.265-8.456-1.346-16.916 1.962-24.199 3.881-8.538 32.488-54.519 41.657-69.195a4.982 4.982 0 0 1 7.138-1.409c14.057 10.092 57.988 41.757 64.822 48.181 5.828 5.479 9.892 12.957 11.008 21.64C28.413-21.539 17.141-4.655 0 0"
transform="translate(386.897 177.278)"
fill="#fe93d3"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-8.563 2.325-17.134 1.378-24.489-2.011C-10.514-8.445-1.84-23.507-3.854-39.155c-1.116-8.683-5.181-16.161-11.008-21.64-5.01-4.709-29.944-22.974-48.442-36.37a5036.71 5036.71 0 0 1 6.482-10.402 4.982 4.982 0 0 1 7.138-1.409c14.057 10.093 57.988 41.757 64.822 48.181 5.827 5.479 9.892 12.957 11.008 21.64C28.413-21.539 17.141-4.654 0 0"
transform="translate(386.897 177.278)"
fill="#fe73c5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-42.667c-8.836 0-16 7.164-16 16s7.164 16 16 16H0c8.837 0 16-7.164 16-16S8.837 0 0 0Z"
transform="translate(114.667 400)"
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-42.667c-8.836 0-16 7.163-16 16 0 8.836 7.164 16 16 16H0c8.837 0 16-7.164 16-16C16 7.163 8.837 0 0 0Z"
transform="translate(114.667 293.334)"
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-42.667c-8.836 0-16 7.164-16 16 0 8.837 7.164 16 16 16H0c8.837 0 16-7.163 16-16C16 7.164 8.837 0 0 0Z"
transform="translate(114.667 186.667)"
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-42.667c-8.836 0-16 7.164-16 16s7.164 16 16 16H0c8.837 0 16-7.164 16-16S8.837 0 0 0Z"
transform="translate(114.667 80)"
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 0 6.588-15.818"
transform="translate(223.586 193.215)"
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 0 6.588-15.818"
transform="translate(258.823 207.89)"
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 0c-10.486 2.847-20.987.792-29.248-4.652a4.972 4.972 0 0 0-6.843 1.35c-5.573 8.175-14.507 14.066-25.288 15.416-17.624 2.206-34.467-9.13-39.062-26.287-2.265-8.456-1.346-16.916 1.962-24.199 3.881-8.538 32.488-54.519 41.657-69.195a4.982 4.982 0 0 1 7.138-1.409c14.057 10.092 57.988 41.757 64.822 48.181 5.828 5.479 9.892 12.957 11.008 21.64C28.413-21.539 17.141-4.655 0 0Z"
transform="translate(386.897 177.278)"
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-38.423v-94.799"
transform="translate(322.77 394.82)"
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 0h35.37"
transform="translate(284.346 348.32)"
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-38.422v-94.799"
transform="translate(392 394.82)"
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 0h35.37"
transform="translate(353.578 348.32)"
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 0c0-12.136-9.838-21.974-21.974-21.974-6.018 0-27.74-.097-27.74-.097V21.975h27.74C-9.838 21.975 0 12.136 0 0Z"
transform="translate(243.378 373.196)"
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 0c0-14.197-11.509-25.705-25.706-25.705-7.04 0-32.584-.114-32.584-.114v51.524h32.584C-11.509 25.705 0 14.196 0 0Z"
transform="translate(251.954 325.491)"
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 0c-9.394-21.098-31.02-34.776-53.606-40.542-23.735-6.057-48.694-4.205-73.081-1.905s-49.144 4.992-73.229.53c-20.891-3.871-40.61-13.586-56.976-27.306"
transform="translate(380.725 501.228)"
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 0c19.045 12.473 33.018 28.54 39.773 49.117"
transform="translate(415.523 156.638)"
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 0c-1.5 32.941 14.58 60.019 40.391 79.397"
transform="translate(174.192 9.92)"
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 0v67.774"
transform="translate(93.334 329.274)"
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 0v70.033"
transform="translate(93.334 221.158)"
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 0v70.005"
transform="translate(93.334 115.3)"
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-149.545c-9.819 0-17.778 7.96-17.778 17.779v50.648"
transform="translate(260.657 7.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 0h212.321c31.074 0 56.263-25.19 56.263-56.263v-384.474c0-31.073-25.189-56.263-56.263-56.263h-109.08"
transform="translate(187.416 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 0v50.622C0 60.44 7.959 68.4 17.778 68.4h46.304"
transform="translate(93.334 436.1)"
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 0a84.373 84.373 0 0 0-20.189-11.914c-42.987-17.902-92.346 2.434-110.248 45.42-17.901 42.986 2.434 92.346 45.42 110.247 42.987 17.902 92.346-2.433 110.247-45.42a84.856 84.856 0 0 0 3.992-12.034"
transform="translate(306.81 103.41)"
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 0c11.592-11.77 29.594-15.991 45.778-9.251A41.536 41.536 0 0 1 61.33 2.001"
transform="translate(223.02 143.545)"
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