Add icons to this collection by clicking the heart icon.
Notebook icon - also known as bookmark, notebook, address book, agenda, and art and design. Created in a clean lineal color style with a white, silver, gray, black, magenta, purple, and orange 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="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<path
d="m0 0-49.135-244.878L0-437h30V0Z"
transform="matrix(1.33333 0 0 -1.33333 632.667 90)"
fill="#3ec3ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 270-467h30v437z"
transform="matrix(1.33333 0 0 -1.33333 232.667 50)"
fill="#7ed7ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M97.5 7.5h347v135h-347z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#bfebff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="m0 0-227-100h-90c0-24.853 20.147-45 45-45H45Z"
transform="translate(324.5 242.5)"
fill="#dff5ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-100c0-24.853 20.147-45 45-45h30V0Z"
transform="translate(324.5 242.5)"
fill="#bfebff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-374.429A44.914 44.914 0 0 1 15-377c24.853 0 45 20.147 45 45V0Z"
transform="translate(384.5 474.5)"
fill="#dff5ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v332h-287l-30-30V0h257c0-19.592 12.524-36.25 30-42.429C-12.524-36.25 0-19.592 0 0"
transform="translate(414.5 142.5)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-272"
transform="translate(157.5 444.5)"
fill="none"
stroke="#ff7169"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-30l-30-30 30-30H0Z"
transform="translate(504.5 504.5)"
fill="#962b7c"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-30l-30-30 30-30H0Z"
transform="translate(474.5 504.5)"
fill="#cb2e81"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-30l-30-30 30-30H0Z"
transform="translate(444.5 504.5)"
fill="#ff3187"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M97.5 444.5h317v60h-317z"
fill="#ff5178"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-407"
transform="translate(504.5 444.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 0v-60"
transform="translate(157.5 67.5)"
fill="none"
stroke="#ff5178"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-60h407v497H0V75"
transform="translate(97.5 67.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 0v-437"
transform="translate(474.5 444.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 0h-347c-24.853 0-45 20.147-45 45h347C-45 20.147-24.853 0 0 0s45 20.147 45 45v362"
transform="translate(399.5 97.5)"
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