Add icons to this collection by clicking the heart icon.
Notebook icon - also known as education, study, book, diary, bookmark, notebook, notes, agenda, journal, stationery, and directory. Created in a clean outline color style with a white, silver, gray, and pink 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 512 512"
>
<g>
<path
fill="#ead590"
d="M440 432c-.1 0 0 2.92 0-112h32v80a32 32 0 0 1-32 32z"
/>
<path
fill="#f1cb66"
d="M440 408v24a32 32 0 0 0 32-32v-24a32 32 0 0 1-32 32z"
/>
<path
d="M440 440a8 8 0 0 1-8-8V320a8 8 0 0 1 8-8h32a8 8 0 0 1 8 8v80a40 40 0 0 1-40 40zm8-112v94.63A24 24 0 0 0 464 400v-72z"
/>
<path
fill="#a8edfd"
d="M440 352c-.1 0 0 2.92 0-112h32v80a32 32 0 0 1-32 32z"
/>
<path
fill="#8bd4de"
d="M440 328v24a32 32 0 0 0 32-32v-24a32 32 0 0 1-32 32z"
/>
<path
d="M440 360a8 8 0 0 1-8-8V240a8 8 0 0 1 8-8h32a8 8 0 0 1 8 8v80a40 40 0 0 1-40 40zm8-112v94.63A24 24 0 0 0 464 320v-72z"
/>
<path
fill="#c3a3f3"
d="M440 272c-.1 0 0 2.92 0-112h32v80a32 32 0 0 1-32 32z"
/>
<path
fill="#aa83e5"
d="M440 248v24a32 32 0 0 0 32-32v-24a32 32 0 0 1-32 32z"
/>
<path
d="M440 280a8 8 0 0 1-8-8V160a8 8 0 0 1 8-8h32a8 8 0 0 1 8 8v80a40 40 0 0 1-40 40zm8-112v94.63A24 24 0 0 0 464 240v-72z"
/>
<path
fill="#cd4f5f"
d="M72 16h336a32 32 0 0 1 32 32v416a32 32 0 0 1-32 32H72a16 16 0 0 1-16-16V32a16 16 0 0 1 16-16z"
/>
<path
fill="#b24654"
d="M408 472H72a16 16 0 0 1-16-16v24a16 16 0 0 0 16 16h336a32 32 0 0 0 32-32v-24a32 32 0 0 1-32 32z"
/>
<path
d="M408 504H152a8 8 0 0 1 0-16h256a24 24 0 0 0 24-24V48a24 24 0 0 0-24-24h-16a8 8 0 0 1 0-16h16a40 40 0 0 1 40 40v416a40 40 0 0 1-40 40zM120 504H72a24 24 0 0 1-24-24V32A24 24 0 0 1 72 8h288a8 8 0 0 1 0 16H72a8 8 0 0 0-8 8v448a8 8 0 0 0 8 8h48a8 8 0 0 1 0 16z"
/>
<path
fill="#ead590"
d="M72 16h48v480H72a16 16 0 0 1-16-16V32a16 16 0 0 1 16-16z"
/>
<path
fill="#f1cb66"
d="M56 456v24a16 16 0 0 0 16 16h48v-24H72a16 16 0 0 1-16-16z"
/>
<path
d="M120 504H72a24 24 0 0 1-24-24V32A24 24 0 0 1 72 8h48a8 8 0 0 1 8 8v480a8 8 0 0 1-8 8zM72 24a8 8 0 0 0-8 8v448a8 8 0 0 0 8 8h40V24zM392 512a8 8 0 0 1-8-8V8a8 8 0 0 1 16 0v496a8 8 0 0 1-8 8z"
/>
<path
d="M80 72H40a8 8 0 0 1 0-16h40a8 8 0 0 1 0 16zM80 120H40a8 8 0 0 1 0-16h40a8 8 0 0 1 0 16zM80 168H40a8 8 0 0 1 0-16h40a8 8 0 0 1 0 16zM80 216H40a8 8 0 0 1 0-16h40a8 8 0 0 1 0 16zM80 264H40a8 8 0 0 1 0-16h40a8 8 0 0 1 0 16zM80 312H40a8 8 0 0 1 0-16h40a8 8 0 0 1 0 16zM80 360H40a8 8 0 0 1 0-16h40a8 8 0 0 1 0 16zM80 408H40a8 8 0 0 1 0-16h40a8 8 0 0 1 0 16zM80 456H40a8 8 0 0 1 0-16h40a8 8 0 0 1 0 16z"
/>
<path
fill="#b1da7a"
d="M440 192c-.1 0 0 2.92 0-112h32v80a32 32 0 0 1-32 32z"
/>
<path
fill="#96bf5b"
d="M440 168v24a32 32 0 0 0 32-32v-24a32 32 0 0 1-32 32z"
/>
<path
d="M440 200a8 8 0 0 1-8-8V80a8 8 0 0 1 8-8h32a8 8 0 0 1 8 8v80a40 40 0 0 1-40 40zm8-112v94.63A24 24 0 0 0 464 160V88z"
/>
<path fill="#f6f6f6" d="M176 72h160v80H176z" />
<path fill="#c1d1f7" d="M176 128h160v24H176z" />
<path
d="M336 160H176a8 8 0 0 1-8-8V72a8 8 0 0 1 8-8h160a8 8 0 0 1 8 8v80a8 8 0 0 1-8 8zm-152-16h144V80H184zM336 192H176a8 8 0 0 1 0-16h160a8 8 0 0 1 0 16zM304 224h-96a8 8 0 0 1 0-16h96a8 8 0 0 1 0 16z"
/>
</g>
</svg>
More icons in the same style and category