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 lineal color 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"
/>
<path
d="M58.465 13a4.5 4.5 0 0 0-2.416.706l-.963-.963A2.988 2.988 0 0 0 53 11.869V10a3 3 0 0 0-3-3h-3V4a3 3 0 0 0-3-3H8a3 3 0 0 0-3 3v4H4a3 3 0 0 0 0 6h1v6H4a3 3 0 0 0 0 6h1v6H4a3 3 0 0 0 0 6h1v6H4a3 3 0 0 0 0 6h1v4a3 3 0 0 0 3 3h3v3a3 3 0 0 0 3 3h36a3 3 0 0 0 3-3V28.414l.542-.542a.953.953 0 0 0 1.165-.165l6.965-6.964A4.536 4.536 0 0 0 58.465 13zm-4.793 1.157.879.879L53 16.586v-2.715a.993.993 0 0 1 .672.286zM31 47.586 28.414 45 49.5 23.914l2.586 2.586zm-3.663-.835 1.911 1.911L25.9 50.1zm20.956-25.458A1 1 0 0 0 48 22a.982.982 0 0 0 .127.459L47 23.586v-4.172l4-4v3.172zM50 9a1 1 0 0 1 1 1v2.614c-.051.045-.108.08-.157.129L47 16.586V9zM3 11a1 1 0 0 1 1-1h4a1 1 0 0 1 0 2H4a1 1 0 0 1-1-1zm0 12a1 1 0 0 1 1-1h4a1 1 0 0 1 0 2H4a1 1 0 0 1-1-1zm0 12a1 1 0 0 1 1-1h4a1 1 0 0 1 0 2H4a1 1 0 0 1-1-1zm0 12a1 1 0 0 1 1-1h4a1 1 0 0 1 0 2H4a1 1 0 0 1-1-1zm4 7v-4h1a3 3 0 0 0 0-6H7v-6h1a3 3 0 0 0 0-6H7v-6h1a3 3 0 0 0 0-6H7v-6h1a3 3 0 0 0 0-6H7V4a1 1 0 0 1 1-1h36a1 1 0 0 1 1 1v14.586l-2.707 2.707 1.414 1.414L45 21.414v4.172L26.293 44.293a1 1 0 0 0-.212.313l-3 7a1 1 0 0 0 1.313 1.314l7-3a1 1 0 0 0 .313-.212L45 36.414V54a1 1 0 0 1-1 1H8a1 1 0 0 1-1-1zm44 6a1 1 0 0 1-1 1H14a1 1 0 0 1-1-1v-3h31a3 3 0 0 0 3-3V34.414l4-4zm9.258-40.671L54 25.586 50.414 22l6.258-6.257a2.536 2.536 0 0 1 3.586 3.586z"
/>
<path
d="M16 16h24a1 1 0 0 0 1-1V7a1 1 0 0 0-1-1H16a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1zm1-8h22v6H17zM18.999 18H37v2H18.999zM15 22h26v2H15zM15 26h26v2H15z"
/>
</svg>
More icons in the same style and category