Add icons to this collection by clicking the heart icon.
Notebook icon - also known as education, study, write, notebook, notes, pencil, planning, and organization. Created in a clean outline color style with a white, 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 48 48"
>
<g fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2">
<path
fill="#f5f5f5"
d="M38 6a3.995 3.995 0 0 0-1.172-2.828A3.995 3.995 0 0 0 34 2H10a3.995 3.995 0 0 0-2.828 1.172A3.995 3.995 0 0 0 6 6v36c0 1.061.421 2.078 1.172 2.828A3.995 3.995 0 0 0 10 46h24a3.995 3.995 0 0 0 2.828-1.172A3.995 3.995 0 0 0 38 42V6z"
/>
<path
fill="#ee534f"
d="M14 2h-4a3.995 3.995 0 0 0-2.828 1.172A3.995 3.995 0 0 0 6 6v36c0 1.061.421 2.078 1.172 2.828A3.995 3.995 0 0 0 10 46h4z"
/>
<path
fill="#ffc928"
d="M23.2 40c-.318 0-.623-.126-.849-.351A1.203 1.203 0 0 1 22 38.8v-1.972a2 2 0 0 1 .586-1.414l19-19a2 2 0 0 1 2.828 0l1.172 1.172a2 2 0 0 1 0 2.828l-19 19a2 2 0 0 1-1.414.586H23.2z"
/>
<path
fill="#ee534f"
d="m39.011 18.989 2.575-2.575a2 2 0 0 1 2.828 0l1.172 1.172a2 2 0 0 1 0 2.828l-2.533 2.533z"
/>
<path
fill="#ffdcb6"
d="m23 35 4 4-.414.414a2 2 0 0 1-1.414.586H23.2a1.2 1.2 0 0 1-1.2-1.2v-1.972a2 2 0 0 1 .586-1.414z"
/>
<path
fill="#ee534f"
d="M34 10a2 2 0 0 0-2-2H20a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8z"
/>
<path
d="M15 42V6a1 1 0 0 0-2 0v36a1 1 0 0 0 2 0zM23.2 41h1.972a3 3 0 0 0 2.121-.879l19-19a2.996 2.996 0 0 0 0-4.242l-1.172-1.172a3 3 0 0 0-4.242 0l-19 19A3 3 0 0 0 21 36.828V38.8c0 .583.232 1.143.644 1.556.413.412.973.644 1.556.644zm-.136-4.522 2.458 2.458a.987.987 0 0 1-.35.064H23.2a.197.197 0 0 1-.141-.059A.197.197 0 0 1 23 38.8v-1.972a.99.99 0 0 1 .064-.35zM24.414 35 27 37.586l14.631-14.632-2.613-2.558zm18.632-13.46-2.614-2.558 1.861-1.861a1.002 1.002 0 0 1 1.414 0l1.172 1.172a1.002 1.002 0 0 1 0 1.414zM35 18v-8a3 3 0 0 0-3-3H20a3 3 0 0 0-3 3v8a3 3 0 0 0 3 3h12a3 3 0 0 0 3-3zm-2-8v8a1 1 0 0 1-1 1H20a1 1 0 0 1-1-1v-8a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1z"
/>
<path
d="M22 13h8a1 1 0 0 0 0-2h-8a1 1 0 0 0 0 2zM22 17h8a1 1 0 0 0 0-2h-8a1 1 0 0 0 0 2z"
/>
<path
d="M5 7H4a3 3 0 0 0-3 3v4a3 3 0 0 0 3 3h1v2H4a3 3 0 0 0-3 3v4a3 3 0 0 0 3 3h1v2H4a3 3 0 0 0-3 3v4a3 3 0 0 0 3 3h1v1c0 1.326.527 2.598 1.464 3.536A5.004 5.004 0 0 0 10 47h24a5.004 5.004 0 0 0 3.536-1.464A5.004 5.004 0 0 0 39 42v-8.343a1 1 0 0 0-2 0V42c0 .796-.316 1.559-.879 2.121A2.996 2.996 0 0 1 34 45H10a2.996 2.996 0 0 1-2.121-.879A2.996 2.996 0 0 1 7 42v-9h1a1 1 0 0 1 1 1v2a1 1 0 0 0 2 0v-2a3 3 0 0 0-3-3H7V21h1a1 1 0 0 1 1 1v2a1 1 0 0 0 2 0v-2a3 3 0 0 0-3-3H7V9h1a1 1 0 0 1 1 1v2a1 1 0 0 0 2 0v-2a3 3 0 0 0-3-3H7V6c0-.796.316-1.559.879-2.121A2.996 2.996 0 0 1 10 3h24c.796 0 1.559.316 2.121.879C36.684 4.441 37 5.204 37 6v8.343a1 1 0 0 0 2 0V6a5.004 5.004 0 0 0-1.464-3.536A5.004 5.004 0 0 0 34 1H10a5.004 5.004 0 0 0-3.536 1.464A5.004 5.004 0 0 0 5 6zm0 26H4a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h1zm0-12H4a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h1zM5 9H4a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h1z"
/>
</g>
</svg>
More icons in the same style and category