Add icons to this collection by clicking the heart icon.
Notebook icon - also known as notebook, pencil, sketch, creation, art and design, edit tools, and design book. Created in a clean lineal color style with a white, silver, gray, maroon, 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 300 300"
>
<circle cx="176" cy="112" r="86" fill="#ffc7c7" />
<circle cx="248" cy="112" r="4.529" fill="#4c241d" />
<path
fill="#4c241d"
d="M242 66c-6.617 0-12-5.383-12-12s5.383-12 12-12 12 5.383 12 12-5.383 12-12 12zm0-16c-2.207 0-4 1.795-4 4s1.793 4 4 4 4-1.795 4-4-1.793-4-4-4z"
/>
<path
fill="#6b4f5b"
d="M203.574 246H72.426C66.668 246 62 241.332 62 235.574V48.114c0-5.758 4.668-10.426 10.426-10.426h131.147c5.758 0 10.426 4.668 10.426 10.426v187.459C214 241.332 209.332 246 203.574 246z"
/>
<path
fill="#4c241d"
d="M203.574 250H72.426C64.473 250 58 243.529 58 235.574V48.115c0-7.955 6.473-14.428 14.426-14.428h131.148c7.953 0 14.426 6.473 14.426 14.428v187.459c0 7.955-6.473 14.426-14.426 14.426zM72.426 41.688A6.434 6.434 0 0 0 66 48.116v187.459a6.434 6.434 0 0 0 6.426 6.426h131.148a6.434 6.434 0 0 0 6.426-6.426V48.115a6.434 6.434 0 0 0-6.426-6.428H72.426z"
/>
<path fill="#a9ba5a" d="M62 134h152v60H62z" />
<path
fill="#4c241d"
d="M214 198H62c-2.211 0-4-1.791-4-4v-60c0-2.209 1.789-4 4-4h152c2.211 0 4 1.791 4 4v60c0 2.209-1.789 4-4 4zm-148-8h144v-52H66z"
/>
<path fill="#e66353" d="m102 270-14-9.6-14 9.6v-24h28z" />
<path
fill="#4c241d"
d="M102 274a4.003 4.003 0 0 1-2.262-.701L88 265.25l-11.738 8.049A4.003 4.003 0 0 1 70 270v-24c0-2.209 1.789-4 4-4h28c2.211 0 4 1.791 4 4v24c0 1.484-.82 2.848-2.137 3.539A3.99 3.99 0 0 1 102 274zm-14-17.6c.789 0 1.582.234 2.262.701L98 262.408V250H78v12.408l7.738-5.307A4.005 4.005 0 0 1 88 256.4z"
/>
<path fill="#b5a19c" d="M162 38h16v208h-16z" />
<path
fill="#4c241d"
d="M178 250h-16c-2.211 0-4-1.791-4-4V38c0-2.209 1.789-4 4-4h16c2.211 0 4 1.791 4 4v208c0 2.209-1.789 4-4 4zm-12-8h8V42h-8z"
/>
<path fill="#edebdc" d="M61.686 206H42.319l9.752 36z" />
<path
fill="#4c241d"
d="M52.07 246a3.999 3.999 0 0 1-3.859-2.955l-9.75-36a3.992 3.992 0 0 1 .684-3.477A4.002 4.002 0 0 1 42.321 202h19.367a4.002 4.002 0 0 1 3.863 5.033l-9.617 36A3.999 3.999 0 0 1 52.079 246h-.009zm-4.523-36 4.496 16.602L56.48 210z"
/>
<path
fill="#ffce56"
d="M62 204.823V56c0-5.523-4.477-10-10-10s-10 4.477-10 10v148.824l.319 1.176h19.367z"
/>
<path
fill="#4c241d"
d="M61.688 210H42.32a3.996 3.996 0 0 1-3.859-2.949l-.32-1.176a3.962 3.962 0 0 1-.141-1.051V56c0-7.719 6.281-14 14-14s14 6.281 14 14v148.824c0 .348-.047.691-.133 1.027l-.312 1.176A4.007 4.007 0 0 1 61.688 210zm.312-5.176h.039zM46 202h12V56c0-3.309-2.691-6-6-6s-6 2.691-6 6z"
/>
<g fill="#fff">
<path
d="M78 186c-2.211 0-4-1.791-4-4v-36c0-2.209 1.789-4 4-4s4 1.791 4 4v36c0 2.209-1.789 4-4 4zM94 186c-2.211 0-4-1.791-4-4v-36c0-2.209 1.789-4 4-4s4 1.791 4 4v36c0 2.209-1.789 4-4 4zM110 186c-2.211 0-4-1.791-4-4v-36c0-2.209 1.789-4 4-4s4 1.791 4 4v36c0 2.209-1.789 4-4 4zM126 186c-2.211 0-4-1.791-4-4v-36c0-2.209 1.789-4 4-4s4 1.791 4 4v36c0 2.209-1.789 4-4 4zM142 186c-2.211 0-4-1.791-4-4v-36c0-2.209 1.789-4 4-4s4 1.791 4 4v36c0 2.209-1.789 4-4 4zM198 186c-2.211 0-4-1.791-4-4v-36c0-2.209 1.789-4 4-4s4 1.791 4 4v36c0 2.209-1.789 4-4 4z"
/>
</g>
<path fill="#b5a19c" d="M42 90h20v12H42z" />
<path
fill="#4c241d"
d="M62 106H42c-2.211 0-4-1.791-4-4V90c0-2.209 1.789-4 4-4h20c2.211 0 4 1.791 4 4v12c0 2.209-1.789 4-4 4zm-16-8h12v-4H46z"
/>
</svg>
More icons in the same style and category