Add icons to this collection by clicking the heart icon.
Notebook icon - also known as interface, business, education, book, bookmark, notebook, address book, and agenda. Created in a clean lineal color style with a silver, gray, yellow, olive, 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="640"
height="640"
viewBox="-80 0 480 480.282"
>
<path
fill="#fcbc04"
d="M216.14 24h-200a8 8 0 0 0-8 8v384a8 8 0 0 0 8 8h200zM264.14 24h-16v400h16c26.512 0 48-21.492 48-48V72c0-26.508-21.488-48-48-48zm0 0"
/>
<path
fill="#e59730"
d="M92.621 304h-20.48v120h144v-44.879A223.992 223.992 0 0 1 92.62 304zM248.14 384v40h16c23.407-.023 43.38-16.922 47.282-40H248.14zm0 0"
/>
<path fill="#c4f236" d="M72.14 24h-56a8 8 0 0 0-8 8v88h64zm0 0" />
<g fill="#a1d51c">
<path
d="M8.14 304v112a8 8 0 0 0 8 8h56V304zM40.14 24h-24a8 8 0 0 0-8 8v88h32zm0 0"
/>
<path
d="M8.14 304v112a8 8 0 0 0 8 8h56V304zM224.14 8.32h16a8 8 0 0 1 8 8v416a8 8 0 0 1-8 8h-16a8 8 0 0 1-8-8v-416a8 8 0 0 1 8-8zm0 0"
/>
</g>
<path
fill="#7ab92d"
d="M216.14 379.121V432a8 8 0 0 0 8 8h16a8 8 0 0 0 8-8v-48a233.575 233.575 0 0 1-32-4.879zm0 0"
/>
<path
fill="#4891d3"
d="m120.14 472.32-24-16-24 16v-48h48zM8.14 120.32h208v184h-208zM248.14 120.32h64v184h-64zm0 0"
/>
<path fill="#a1d51c" d="M48.14 152.32h128v32h-128zm0 0" />
<path
fill="#2d72bc"
d="M40.14 224a8.002 8.002 0 0 1 7.2-8 221.144 221.144 0 0 1-7.2-56v-40h-32v184h84.481a227.672 227.672 0 0 1-22.48-32h-22a8 8 0 0 1 0-16h13.601a230.53 230.53 0 0 1-9.68-24h-3.921a8 8 0 0 1-8-8zm0 0"
/>
<path
fill="#a1d51c"
d="M128.14 216h-80.8c1.36 5.36 2.96 10.64 4.722 16h76.079a8 8 0 0 0 0-16zm0 0"
/>
<path
fill="#a1d51c"
d="M40.14 224a8 8 0 0 0 8 8h3.922c-1.761-5.2-3.363-10.48-4.722-16a8.002 8.002 0 0 0-7.2 8zM104.14 272a8 8 0 0 0 0-16H61.743c2.559 5.441 5.438 10.8 8.399 16zm0 0"
/>
<path
fill="#a1d51c"
d="M40.14 264a8 8 0 0 0 8 8h22c-2.96-5.2-5.84-10.559-8.398-16H48.141a8 8 0 0 0-8 8zm0 0"
/>
<path
fill="#7ab92d"
d="M40.14 224a8 8 0 0 0 8 8h3.922c-1.761-5.2-3.363-10.48-4.722-16a8.002 8.002 0 0 0-7.2 8zM40.14 264a8 8 0 0 0 8 8h22c-2.96-5.2-5.84-10.559-8.398-16H48.141a8 8 0 0 0-8 8zm0 0"
/>
<path
fill="#f9e109"
d="M216.14 24h-96a190.55 190.55 0 0 1 96 26.078zM264.14 24h-16v48.879A192.737 192.737 0 0 1 286.384 120h25.758V72c0-26.508-21.489-48-48-48zm0 0"
/>
<path
fill="#c4f236"
d="M248.14 73.2V16a8 8 0 0 0-8-8h-16a8 8 0 0 0-8 8v34.078a198.498 198.498 0 0 1 32 23.121zm0 0"
/>
<path
fill="#57b7eb"
d="M312.14 216v-96h-25.757a191.12 191.12 0 0 1 25.758 96zm0 0"
/>
<path
fill="#e59730"
d="M216.14 50.078a154.734 154.734 0 0 0-8-4.316V120h8zM208.14 304v72.64c2.641.72 5.282 1.52 8 2.16V304zM208.14 376.96V424h8v-44.879c-2.718-.64-5.359-1.441-8-2.16zm0 0"
/>
<path fill="#2d72bc" d="M208.14 120.32h8v184h-8zm0 0" />
<path
fill="#fcbc04"
d="M216.14 50.078V24h-8v21.762c2.72 1.36 5.36 2.797 8 4.316zm0 0"
/>
<path fill="#2d72bc" d="M72.14 424.32h48v16h-48zm0 0" />
<path
fill="#39519d"
d="M264.14 16h-8V8a8 8 0 0 0-16 0v424h-16V8a8 8 0 0 0-16 0v8h-192c-8.835 0-16 7.164-16 16v384c0 8.836 7.165 16 16 16h48v40a7.996 7.996 0 0 0 4.243 7.04 7.998 7.998 0 0 0 8-.4l19.758-12.718 19.601 13.039A8 8 0 0 0 128.141 472v-40h80c0 8.836 7.164 16 16 16h16c8.836 0 16-7.164 16-16h8c30.93 0 56-25.07 56-56V72c0-30.93-25.07-56-56-56zm-56 280h-192V128h160a8 8 0 0 0 0-16h-96V32h128zm-192-264h48v80h-48zm0 280h48v104h-48zm96 145.36-11.6-8a7.996 7.996 0 0 0-8.798 0l-11.601 8V432h32zm8-41.36h-40V312h128v104zm144-384c22.09 0 40 17.91 40 40v40h-24a8 8 0 0 0 0 16h24v168h-48V32zm0 384h-8V312h48v64c0 22.09-17.91 40-40 40zm0 0"
/>
<path
fill="#39519d"
d="M176.14 160a8 8 0 0 0 0-16h-128a8 8 0 0 0-8 8v32a8 8 0 0 0 8 8h128a8 8 0 0 0 0-16h-120v-16zM128.14 216h-80a8 8 0 0 0 0 16h80a8 8 0 0 0 0-16zM104.14 256h-56a8 8 0 0 0 0 16h56a8 8 0 0 0 0-16zm0 0"
/>
</svg>
More icons in the same style and category