Add icons to this collection by clicking the heart icon.
Notebook icon - also known as business, bookmark, notebook, address book, agenda, and business and finance. Created in a clean circular style with a white, silver, gray, black, teal, 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="100"
height="100"
viewBox="0 0 508 508"
>
<circle cx="254" cy="254" r="254" fill="#5fc3b0" />
<path d="M131.8 96.8h252v314.4h-252z" fill="#272d30" />
<path d="M131.8 102.6h244.8v302.8H131.8z" fill="#edf0f2" />
<path d="M131.8 102.6h244.8V137H131.8z" fill="#ffca0d" />
<path d="M131.8 133.4h244.8v34.4H131.8z" fill="#e65336" />
<path d="M131.8 164h244.8v34.4H131.8z" fill="#39b39b" />
<path d="M131.8 196.8h244.8v34.4H131.8z" fill="#677b83" />
<path d="M131.8 229h244.8v34.4H131.8z" fill="#6db8e0" />
<path d="M131.8 96.8h236.8v314.4H131.8z" fill="#4c5155" />
<circle cx="145.4" cy="120.8" r="4.8" fill="#181d21" />
<path
d="M145 122.6h-19.4c-.6 0-1.2-.6-1.2-1.2v-1c0-.6.6-1.2 1.2-1.2H145c.6 0 1.2.6 1.2 1.2v1c.2.6-.4 1.2-1.2 1.2z"
fill="#527f99"
/>
<circle cx="145.4" cy="147.4" r="4.8" fill="#181d21" />
<path
d="M145 149.2h-19.4c-.6 0-1.2-.6-1.2-1.2v-1c0-.6.6-1.2 1.2-1.2H145c.6 0 1.2.6 1.2 1.2v1c.2.6-.4 1.2-1.2 1.2z"
fill="#527f99"
/>
<circle cx="145.4" cy="174" r="4.8" fill="#181d21" />
<path
d="M145 175.8h-19.4c-.6 0-1.2-.6-1.2-1.2v-1c0-.6.6-1.2 1.2-1.2H145c.6 0 1.2.6 1.2 1.2v1c.2.8-.4 1.2-1.2 1.2z"
fill="#527f99"
/>
<circle cx="145.4" cy="200.8" r="4.8" fill="#181d21" />
<path
d="M145 202.6h-19.4c-.6 0-1.2-.6-1.2-1.2v-1c0-.6.6-1.2 1.2-1.2H145c.6 0 1.2.6 1.2 1.2v1c.2.6-.4 1.2-1.2 1.2z"
fill="#527f99"
/>
<circle cx="145.4" cy="227.4" r="4.8" fill="#181d21" />
<path
d="M145 229.2h-19.4c-.6 0-1.2-.6-1.2-1.2v-1c0-.6.6-1.2 1.2-1.2H145c.6 0 1.2.6 1.2 1.2v1c.2.6-.4 1.2-1.2 1.2z"
fill="#527f99"
/>
<circle cx="145.4" cy="254" r="4.8" fill="#181d21" />
<path
d="M145 255.8h-19.4c-.6 0-1.2-.6-1.2-1.2v-1c0-.6.6-1.2 1.2-1.2H145c.6 0 1.2.6 1.2 1.2v1c.2.6-.4 1.2-1.2 1.2z"
fill="#527f99"
/>
<circle cx="145.4" cy="280.6" r="4.8" fill="#181d21" />
<path
d="M145 282.4h-19.4c-.6 0-1.2-.6-1.2-1.2V280c0-.6.6-1.2 1.2-1.2H145c.6 0 1.2.6 1.2 1.2v1c.2.8-.4 1.4-1.2 1.4z"
fill="#527f99"
/>
<circle cx="145.4" cy="307.2" r="4.8" fill="#181d21" />
<path
d="M145 309h-19.4c-.6 0-1.2-.6-1.2-1.2v-1c0-.6.6-1.2 1.2-1.2H145c.6 0 1.2.6 1.2 1.2v1c.2.8-.4 1.2-1.2 1.2z"
fill="#527f99"
/>
<circle cx="145.4" cy="334" r="4.8" fill="#181d21" />
<path
d="M145 335.8h-19.4c-.6 0-1.2-.6-1.2-1.2v-1c0-.6.6-1.2 1.2-1.2H145c.6 0 1.2.6 1.2 1.2v1c.2.6-.4 1.2-1.2 1.2z"
fill="#527f99"
/>
<circle cx="145.4" cy="360.6" r="4.8" fill="#181d21" />
<path
d="M145 362.4h-19.4c-.6 0-1.2-.6-1.2-1.2V360c0-.6.6-1.2 1.2-1.2H145c.6 0 1.2.6 1.2 1.2v1c.2.8-.4 1.4-1.2 1.4z"
fill="#527f99"
/>
<circle cx="145.4" cy="387.2" r="4.8" fill="#181d21" />
<path
d="M145 389h-19.4c-.6 0-1.2-.6-1.2-1.2v-1c0-.6.6-1.2 1.2-1.2H145c.6 0 1.2.6 1.2 1.2v1c.2.6-.4 1.2-1.2 1.2z"
fill="#527f99"
/>
<path
d="M210.4 177.6h111v2.8h-111zM210.4 202.6h111v2.8h-111zM210.4 227.6h111v2.8h-111z"
fill="#bcbfc2"
/>
</svg>
More icons in the same style and category