Add icons to this collection by clicking the heart icon.
Notebook icon - also known as education, study, write, notebook, pencil, workbook, note, planning, organization, and lecture. Created in a clean flat style with a silver, gray, teal, and navy 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="#5e87ca"
d="M12 56v4a2 2 0 0 0 2 2h36a2 2 0 0 0 2-2V10a2 2 0 0 0-2-2h-4v46a2 2 0 0 1-2 2z"
/>
<rect width="40" height="54" x="6" y="2" fill="#d0d3dd" rx="2" />
<path fill="#3b5892" d="M49.5 22.5 27 45l-3.002 6.998L31 49l22.5-22.5" />
<path fill="#213d68" d="m31 49-4-4-3.002 6.998z" />
<g fill="#3b5892">
<rect width="8" height="4" x="2" y="9" rx="2" />
<rect width="8" height="4" x="2" y="21" rx="2" />
<rect width="8" height="4" x="2" y="33" rx="2" />
<rect width="8" height="4" x="2" y="45" rx="2" />
<path
d="m43.707 22.707-1.414-1.414 8.55-8.55a3 3 0 0 1 4.243 0l2 1.939-1.4 1.435-2-1.95a1 1 0 0 0-1.425-.01z"
/>
</g>
<path fill="#4c6cb5" d="M16 7h24v8H16z" />
<path
fill="#78a0d4"
d="M18.999 18H37v2H18.999zM15 22h26v2H15zM15 26h26v2H15z"
/>
<path
fill="#213d68"
d="m49 22 6.964-6.964a3.535 3.535 0 0 1 2.5-1.036A3.536 3.536 0 0 1 62 17.536a3.535 3.535 0 0 1-1.036 2.5L54 27z"
/>
<path fill="#5e87ca" d="M16 7v8h17.794a14.1 14.1 0 0 0 4.123-8z" />
<path
fill="#4c6cb5"
d="M8 9H4a2 2 0 0 0 0 4h2.1a6.472 6.472 0 0 0 2.8-3.782A1.977 1.977 0 0 0 8 9zM8 21H4a2 2 0 0 0 0 4h2.1a6.472 6.472 0 0 0 2.8-3.782A1.977 1.977 0 0 0 8 21zM8 33H4a2 2 0 0 0 0 4h2.1a6.472 6.472 0 0 0 2.8-3.782A1.977 1.977 0 0 0 8 33zM8 45H4a2 2 0 0 0 0 4h2.1a6.472 6.472 0 0 0 2.8-3.782A1.977 1.977 0 0 0 8 45z"
/>
</svg>
More icons in the same style and category