Add icons to this collection by clicking the heart icon.
Notes icon - also known as education, write, notebook, notes, plan, and notepad. Created in a clean outline color style, 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
d="m54 21.5h-16a1 1 0 0 1 -1-1v-4a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v4a1 1 0 0 1 -1 1zm-15-2h14v-2h-14z"
fill="#54a6ff"
/>
<g fill="#b3b3b3">
<path
d="m54 30.5h-24a1 1 0 0 1 -1-1v-4a1 1 0 0 1 1-1h24a1 1 0 0 1 1 1v4a1 1 0 0 1 -1 1zm-23-2h22v-2h-22z"
/>
<path
d="m54 39.5h-24a1 1 0 0 1 -1-1v-4a1 1 0 0 1 1-1h24a1 1 0 0 1 1 1v4a1 1 0 0 1 -1 1zm-23-2h22v-2h-22z"
/>
<path
d="m54 48.5h-24a1 1 0 0 1 -1-1v-4a1 1 0 0 1 1-1h24a1 1 0 0 1 1 1v4a1 1 0 0 1 -1 1zm-23-2h22v-2h-22z"
/>
<path
d="m58 61h-34a1 1 0 0 1 -1-1v-56a1 1 0 0 1 1-1h34a3 3 0 0 1 3 3v52a3 3 0 0 1 -3 3zm-33-2h33a1 1 0 0 0 1-1v-52a1 1 0 0 0 -1-1h-33z"
/>
<path
d="m24 61h-10a3 3 0 0 1 -3-3v-3a1 1 0 0 1 1-1h1.83a2.12 2.12 0 0 0 2.17-1.85 2 2 0 0 0 -2-2.15h-2a1 1 0 0 1 -1-1v-4a1 1 0 0 1 1-1h1.83a2.12 2.12 0 0 0 2.17-1.85 2 2 0 0 0 -2-2.15h-2a1 1 0 0 1 -1-1v-4a1 1 0 0 1 1-1h2a2 2 0 0 0 2-2.15 2.12 2.12 0 0 0 -2.17-1.85h-1.83a1 1 0 0 1 -1-1v-4a1 1 0 0 1 1-1h2a2 2 0 0 0 2-2.15 2.12 2.12 0 0 0 -2.17-1.85h-1.83a1 1 0 0 1 -1-1v-4a1 1 0 0 1 1-1h2a2 2 0 0 0 2-2.15 2.12 2.12 0 0 0 -2.17-1.85h-1.83a1 1 0 0 1 -1-1v-3a3 3 0 0 1 3-3h10a1 1 0 0 1 1 1v56a1 1 0 0 1 -1 1zm-11-5v2a1 1 0 0 0 1 1h9v-54h-9a1 1 0 0 0 -1 1v2h.83a4.11 4.11 0 0 1 4.17 3.71 4 4 0 0 1 -4 4.29h-1v2h.83a4.11 4.11 0 0 1 4.17 3.71 4 4 0 0 1 -4 4.29h-1v2h.83a4.11 4.11 0 0 1 4.17 3.71 4 4 0 0 1 -4 4.29h-1v2h1a4 4 0 0 1 4 4.29 4.11 4.11 0 0 1 -4.17 3.71h-.83v2h1a4 4 0 0 1 4 4.29 4.11 4.11 0 0 1 -4.17 3.71z"
/>
<path
d="m14 36h-4a4 4 0 1 1 0-8h4a4 4 0 1 1 0 8zm-4-6a2 2 0 0 0 -2 2 2 2 0 0 0 2 2h4a2 2 0 0 0 2-2 2 2 0 0 0 -2-2z"
/>
<path
d="m14 26h-4a4 4 0 1 1 0-8h4a4 4 0 1 1 0 8zm-4-6a2 2 0 0 0 -2 2 2 2 0 0 0 2 2h4a2 2 0 0 0 2-2 2 2 0 0 0 -2-2z"
/>
<path
d="m14 16h-4a4 4 0 1 1 0-8h4a4 4 0 1 1 0 8zm-4-6a2 2 0 0 0 -2 2 2 2 0 0 0 2 2h4a2 2 0 0 0 2-2 2 2 0 0 0 -2-2z"
/>
<path
d="m14 46h-4a4 4 0 0 1 0-8h4a4 4 0 0 1 0 8zm-4-6a2 2 0 0 0 -2 2 2 2 0 0 0 2 2h4a2 2 0 0 0 2-2 2 2 0 0 0 -2-2z"
/>
<path
d="m14 56h-4a4 4 0 0 1 0-8h4a4 4 0 0 1 0 8zm-4-6a2 2 0 0 0 -2 2 2 2 0 0 0 2 2h4a2 2 0 0 0 2-2 2 2 0 0 0 -2-2z"
/>
</g>
</svg>
More icons in the same style and category