Add icons to this collection by clicking the heart icon.
Notes icon - also known as interface, notebook, notes, note, writing, Tools and utensils, writing tool, notepad, and miscellaneous. Created in a clean blue style with a white and silver 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 60"
>
<g fill="none" fill-rule="nonzero" transform="translate(-1)">
<path fill="#CAD9FC" d="M6 1a4 4 0 0 1 4 4v44H2V5a4 4 0 0 1 4-4Z" />
<rect width="28" height="36" x="20" y="23" fill="#CAD9FC" rx="2" />
<rect width="25" height="36" x="20" y="23" fill="#FFF" rx="2" />
<rect
width="22.13"
height="36"
x="22.87"
y="23"
fill="#E8EDFC"
rx="2"
/>
<path
fill="#FFF"
d="M7 5v44H2V5a3.978 3.978 0 0 1 2.5-3.7c.496.2.948.496 1.33.87.036.037.07.078.1.12A3.94 3.94 0 0 1 7 5Z"
/>
<path fill="#E8EDFC" d="M4.87 18H7v31H4.87z" />
<path fill="#CAD9FC" d="M2 18h8v4H2z" />
<path fill="#FFF" d="M2 18h5v4H2z" />
<path fill="#E8EDFC" d="M4.87 18H7v4H4.87z" />
<path
fill="#FFF"
d="m10 49-2.5 7.63-.57 1.74a1 1 0 0 1-1.86 0L2 49h8Z"
/>
<path fill="#CAD9FC" d="m10 49-2.5 7.63L5 49z" />
<path fill="#7FACFA" d="M10 5v13H2V5a4 4 0 1 1 8 0Z" />
<path
fill="#A4C2F7"
d="m8.03 55.01-1.1 3.36a1 1 0 0 1-1.86 0l-1.1-3.36L4 55h4l.03.01ZM7 5v13H4.87V5a3.959 3.959 0 0 1 1.06-2.71c.08.09.16.18.24.28.08.1.14.19.21.3.07.101.13.208.18.32.05.082.09.169.12.26.053.114.1.231.14.35.121.388.182.793.18 1.2Z"
/>
<path
fill="#FFF"
d="M5.83 2.17c.036.037.07.078.1.12A3.959 3.959 0 0 0 4.87 5v13H2V5a3.978 3.978 0 0 1 2.5-3.7c.496.2.948.496 1.33.87Z"
/>
<path
fill="#428DFF"
d="M46 60H22a3 3 0 0 1-3-3V25a3 3 0 0 1 3-3h24a3 3 0 0 1 3 3v32a3 3 0 0 1-3 3ZM22 24a1 1 0 0 0-1 1v32a1 1 0 0 0 1 1h24a1 1 0 0 0 1-1V25a1 1 0 0 0-1-1H22Z"
/>
<path
fill="#428DFF"
d="M24 27a1 1 0 0 1-1-1v-6a1 1 0 0 1 2 0v6a1 1 0 0 1-1 1ZM29 27a1 1 0 0 1-1-1v-6a1 1 0 0 1 2 0v6a1 1 0 0 1-1 1ZM34 27a1 1 0 0 1-1-1v-6a1 1 0 0 1 2 0v6a1 1 0 0 1-1 1ZM39 27a1 1 0 0 1-1-1v-6a1 1 0 0 1 2 0v6a1 1 0 0 1-1 1ZM44 27a1 1 0 0 1-1-1v-6a1 1 0 0 1 2 0v6a1 1 0 0 1-1 1ZM26 35h-2a1 1 0 0 1 0-2h2a1 1 0 0 1 0 2ZM32 35h-2a1 1 0 0 1 0-2h2a1 1 0 0 1 0 2ZM38 35h-2a1 1 0 0 1 0-2h2a1 1 0 0 1 0 2ZM44 35h-2a1 1 0 0 1 0-2h2a1 1 0 0 1 0 2ZM26 40h-2a1 1 0 0 1 0-2h2a1 1 0 0 1 0 2ZM32 40h-2a1 1 0 0 1 0-2h2a1 1 0 0 1 0 2ZM38 40h-2a1 1 0 0 1 0-2h2a1 1 0 0 1 0 2ZM44 40h-2a1 1 0 0 1 0-2h2a1 1 0 0 1 0 2ZM26 45h-2a1 1 0 0 1 0-2h2a1 1 0 0 1 0 2ZM32 45h-2a1 1 0 0 1 0-2h2a1 1 0 0 1 0 2ZM38 45h-2a1 1 0 0 1 0-2h2a1 1 0 0 1 0 2ZM44 45h-2a1 1 0 0 1 0-2h2a1 1 0 0 1 0 2ZM26 50h-2a1 1 0 0 1 0-2h2a1 1 0 0 1 0 2ZM32 50h-2a1 1 0 0 1 0-2h2a1 1 0 0 1 0 2ZM38 50h-2a1 1 0 0 1 0-2h2a1 1 0 0 1 0 2ZM44 50h-2a1 1 0 0 1 0-2h2a1 1 0 0 1 0 2ZM26 55h-2a1 1 0 0 1 0-2h2a1 1 0 0 1 0 2ZM32 55h-2a1 1 0 0 1 0-2h2a1 1 0 0 1 0 2ZM38 55h-2a1 1 0 0 1 0-2h2a1 1 0 0 1 0 2ZM44 55h-2a1 1 0 0 1 0-2h2a1 1 0 0 1 0 2Z"
/>
<path fill="#FFF" d="M1 49V5h2v44z" />
<path
fill="#428DFF"
d="M2 44a1 1 0 0 0-1 1v4h2v-4a1 1 0 0 0-1-1ZM3 5H1v32a1 1 0 0 0 2 0V5ZM1 41c.004.265.107.518.29.71l.15.12a.757.757 0 0 0 .18.09c.057.029.117.05.18.06A1.5 1.5 0 0 0 2 42c.265-.004.518-.107.71-.29.09-.096.162-.208.21-.33.15-.373.069-.8-.21-1.09a1.032 1.032 0 0 0-.33-.21A.99.99 0 0 0 1 41Z"
/>
<path
fill="#428DFF"
d="M10 50H2a1 1 0 0 1 0-2h7V5a3 3 0 0 0-6 0 1 1 0 0 1-2 0 5 5 0 1 1 10 0v44a1 1 0 0 1-1 1Z"
/>
<path
fill="#428DFF"
d="M10 23H2a1 1 0 0 1 0-2h8a1 1 0 0 1 0 2ZM10 19H2a1 1 0 0 1 0-2h8a1 1 0 0 1 0 2ZM6 60a1.991 1.991 0 0 1-1.857-1.257L1.05 49.312a1 1 0 1 1 1.9-.624l3.071 9.372 3.029-9.372a1 1 0 1 1 1.9.624l-3.071 9.371A2.01 2.01 0 0 1 6 60Z"
/>
<path
fill="#428DFF"
d="M14 32h-1a1 1 0 0 1 0-2V9a1 1 0 0 0-1-1H7a1 1 0 1 1 0-2h5a3 3 0 0 1 3 3v22a1 1 0 0 1-1 1ZM8 56H4a1 1 0 0 1 0-2h4a1 1 0 0 1 0 2Z"
/>
</g>
</svg>
More icons in the same style and category