Add icons to this collection by clicking the heart icon.
Notebook icon - also known as business, education, book, bookmark, notebook, address book, agenda, and spring notebook. Created in a clean circular style with a white, silver, 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 128 128"
>
<circle cx="64" cy="64" r="63.5" fill="#54c0eb" />
<path
fill="#324a5e"
d="M106.3 96.2H21.7c-1.8 0-3.3-1.5-3.3-3.3V35.1c0-1.8 1.5-3.3 3.3-3.3h84.5c1.8 0 3.3 1.5 3.3 3.3v57.8c0 1.8-1.4 3.3-3.2 3.3z"
/>
<path
fill="#e6e9ee"
d="M100.3 34.6H65.6v58.8h34.7c1.8 0 3.3-1.3 3.3-3V37.6c-.1-1.7-1.5-3-3.3-3z"
/>
<path
fill="#fff"
d="M27.7 34.6h34.7v58.8H27.7c-1.8 0-3.3-1.3-3.3-3V37.6c.1-1.7 1.5-3 3.3-3z"
/>
<g fill="#324a5e">
<circle cx="69.1" cy="41.8" r="1.6" />
<circle cx="69.1" cy="50.7" r="1.6" />
<circle cx="69.1" cy="59.6" r="1.6" />
<circle cx="69.1" cy="68.4" r="1.6" />
<circle cx="69.1" cy="77.3" r="1.6" />
<circle cx="69.1" cy="86.2" r="1.6" />
<circle cx="58.9" cy="41.8" r="1.6" />
<circle cx="58.9" cy="50.7" r="1.6" />
<circle cx="58.9" cy="59.6" r="1.6" />
<circle cx="58.9" cy="68.4" r="1.6" />
<circle cx="58.9" cy="77.3" r="1.6" />
<circle cx="58.9" cy="86.2" r="1.6" />
</g>
<path
fill="#acb3ba"
d="M68.3 42.6h-8.6c-.4 0-.8-.3-.8-.8 0-.4.3-.8.8-.8h8.6c.4 0 .8.3.8.8 0 .4-.4.8-.8.8zM68.3 51.4h-8.6c-.4 0-.8-.3-.8-.8 0-.4.3-.8.8-.8h8.6c.4 0 .8.3.8.8s-.4.8-.8.8zM68.3 60.3h-8.6c-.4 0-.8-.3-.8-.8 0-.4.3-.8.8-.8h8.6c.4 0 .8.3.8.8s-.4.8-.8.8zM68.3 69.2h-8.6c-.4 0-.8-.3-.8-.8 0-.4.3-.8.8-.8h8.6c.4 0 .8.3.8.8s-.4.8-.8.8zM68.3 78.1h-8.6c-.4 0-.8-.3-.8-.8 0-.4.3-.8.8-.8h8.6c.4 0 .8.3.8.8 0 .4-.4.8-.8.8zM68.3 87h-8.6c-.4 0-.8-.3-.8-.8 0-.4.3-.8.8-.8h8.6c.4 0 .8.3.8.8 0 .4-.4.8-.8.8z"
/>
<g fill="#ced5e0">
<path
d="M74.5 41h23.6v1.7H74.5zM74.5 46.6h23.6v1.7H74.5zM74.5 52.1h23.6v1.7H74.5zM74.5 57.6h23.6v1.7H74.5zM74.5 63.2h23.6v1.7H74.5zM74.5 68.7h23.6v1.7H74.5zM74.5 74.2h23.6v1.7H74.5zM74.5 79.8h23.6v1.7H74.5zM74.5 85.3h23.6V87H74.5z"
/>
</g>
<g fill="#e6e9ee">
<path
d="M30.1 41h23.6v1.7H30.1zM30.1 46.6h23.6v1.7H30.1zM30.1 52.1h23.6v1.7H30.1zM30.1 57.6h23.6v1.7H30.1zM30.1 63.2h23.6v1.7H30.1zM30.1 68.7h23.6v1.7H30.1zM30.1 74.2h23.6v1.7H30.1zM30.1 79.8h23.6v1.7H30.1zM30.1 85.3h23.6V87H30.1z"
/>
</g>
</svg>
More icons in the same style and category