Add icons to this collection by clicking the heart icon.
Notebook icon - also known as notebook, pointer, optical, electronic, computer mouse, mouse clicker, gadget, mice, and business and finance. Created in a clean lineal color style with a white, gray, orange, 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 64 64"
>
<path fill="#976949" d="M57 17h-2v6h2a2 2 0 0 0 2-2v-2a2 2 0 0 0-2-2z" />
<path
fill="#c18e5c"
d="M57 17h-2v5a3 3 0 0 0 3-3v-1.723A1.987 1.987 0 0 0 57 17z"
/>
<path fill="#976949" d="M57 27h-2v6h2a2 2 0 0 0 2-2v-2a2 2 0 0 0-2-2z" />
<path
fill="#c18e5c"
d="M57 27h-2v5a3 3 0 0 0 3-3v-1.723A1.987 1.987 0 0 0 57 27z"
/>
<path fill="#f5b95b" d="M9 2h42a4 4 0 0 1 4 4v52a4 4 0 0 1-4 4H9V2z" />
<path fill="#f9d18f" d="M22 2v57h26a4 4 0 0 0 4-4V2z" />
<path fill="#c7e2fb" d="M27 7h24v24H27z" />
<path fill="#ebf7fe" d="M27 7v21h16a4 4 0 0 0 4-4V7z" />
<path fill="#f9d18f" d="M9 2v57h6a4 4 0 0 0 4-4V2z" />
<path fill="#976949" d="M57 7h-2v6h2a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2z" />
<g fill="#fff">
<circle cx="15" cy="52" r="3" />
<circle cx="15" cy="39" r="3" />
<circle cx="15" cy="25" r="3" />
<circle cx="15" cy="12" r="3" />
<circle cx="15" cy="12" r="3" />
<path
d="M27 17.586v2.828L40.414 7h-2.828zM51 7h-1.414L27 29.586V31h1.414L51 8.414zM43.586 7l-5.293 5.293 1.414 1.414L46.414 7zM35.287 15.295l2-2L38.7 14.71l-2 2z"
/>
</g>
<path
fill="#c18e5c"
d="M57 7h-2v5a3 3 0 0 0 3-3V7.277A1.987 1.987 0 0 0 57 7z"
/>
<path
d="M57 14a3 3 0 0 0 3-3V9a3 3 0 0 0-3-3h-1a5.006 5.006 0 0 0-5-5H9a1 1 0 0 0-1 1v5.3A5.153 5.153 0 0 0 4 12a5.158 5.158 0 0 0 4 4.708V20.3A5.153 5.153 0 0 0 4 25a5.158 5.158 0 0 0 4 4.708V34.3A5.153 5.153 0 0 0 4 39a5.158 5.158 0 0 0 4 4.708V47.3A5.153 5.153 0 0 0 4 52a5.158 5.158 0 0 0 4 4.708V62a1 1 0 0 0 1 1h42a5.006 5.006 0 0 0 5-5V34h1a3 3 0 0 0 3-3v-2a3 3 0 0 0-3-3h-1v-2h1a3 3 0 0 0 3-3v-2a3 3 0 0 0-3-3h-1v-2zM6 12a2.993 2.993 0 0 1 2-2.587v5.17A2.975 2.975 0 0 1 6 12zm0 13a2.993 2.993 0 0 1 2-2.587v5.17A2.975 2.975 0 0 1 6 25zm0 14a2.993 2.993 0 0 1 2-2.587v5.17A2.975 2.975 0 0 1 6 39zm0 13a2.993 2.993 0 0 1 2-2.587v5.17A2.975 2.975 0 0 1 6 52zm4 9v-4a6.723 6.723 0 0 0 3.867-1.183 4.026 4.026 0 1 0-1.889-1.225A5 5 0 0 1 10 55V44a6.723 6.723 0 0 0 3.867-1.183 4.026 4.026 0 1 0-1.889-1.225A5 5 0 0 1 10 42V30a6.723 6.723 0 0 0 3.867-1.183 4.026 4.026 0 1 0-1.889-1.225A5 5 0 0 1 10 28V17a6.723 6.723 0 0 0 3.867-1.183 4.026 4.026 0 1 0-1.889-1.225A5 5 0 0 1 10 15V3h11v58zm5.531-10.919a1.988 1.988 0 0 1 .009 3.836 4.192 4.192 0 0 0-.009-3.836zm-1.987.557A2.333 2.333 0 0 1 14 52a2.4 2.4 0 0 1-.456 1.362 1.977 1.977 0 0 1 0-2.724zm1.987-13.557a1.988 1.988 0 0 1 .009 3.836 4.192 4.192 0 0 0-.009-3.836zm-1.987.557A2.333 2.333 0 0 1 14 39a2.4 2.4 0 0 1-.456 1.362 1.977 1.977 0 0 1 0-2.724zm1.987-14.557a1.988 1.988 0 0 1 .009 3.836 4.192 4.192 0 0 0-.009-3.836zm-1.987.557A2.333 2.333 0 0 1 14 25a2.4 2.4 0 0 1-.456 1.362 1.977 1.977 0 0 1 0-2.724zm1.987-13.557a1.988 1.988 0 0 1 .009 3.836 4.192 4.192 0 0 0-.009-3.836zm-1.987.557A2.333 2.333 0 0 1 14 12a2.4 2.4 0 0 1-.456 1.362 1.977 1.977 0 0 1 0-2.724zM54 58a3 3 0 0 1-3 3H23V3h28a3 3 0 0 1 3 3zm3-50a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-1V8zm0 20a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-1v-4zm0-10a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-1v-4z"
/>
<path
d="M51 6H27a1 1 0 0 0-1 1v24a1 1 0 0 0 1 1h24a1 1 0 0 0 1-1V7a1 1 0 0 0-1-1zM28 19.414 39.414 8h3.172l-4.293 4.293 1.414 1.414L45.414 8h3.172L28 28.586zM36.586 8 28 16.586V8zm-7.172 22L50 9.414V30z"
/>
<path d="m35.287 15.295 2-2L38.7 14.71l-2 2z" />
</svg>
More icons in the same style and category