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 lineal color style with a silver, gray, black, red, maroon, teal, purple, 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 60"
>
<g fill="none" fill-rule="nonzero" transform="translate(-1)">
<path fill="#6A1B9A" 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="#DFC49C" rx="2" />
<rect width="25" height="36" x="20" y="23" fill="#FFE0B2" rx="2" />
<path
fill="#9D27B0"
d="M7 5v44H2V5a3.978 3.978 0 0 1 2.5-3.7c.496.2.948.496 1.33.87A4.025 4.025 0 0 1 7 5Z"
/>
<path fill="#7F8E94" d="M2 18h8v4H2z" />
<path
fill="#9E9E9E"
d="M2 18h5v4H2zM2 49l3.072 9.371a1 1 0 0 0 1.856 0L10 49H2Z"
/>
<path fill="#BB193B" d="M10 5v13H2V5a4 4 0 1 1 8 0Z" />
<path
fill="#37474F"
d="m8.03 55.01-1.1 3.36a1 1 0 0 1-1.86 0l-1.1-3.36L4 55h4l.03.01Z"
/>
<path
fill="#EF314C"
d="M7 5v13H2V5a3.978 3.978 0 0 1 2.5-3.7c.496.2.948.496 1.33.87A4.025 4.025 0 0 1 7 5Z"
/>
<path
fill="#000"
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="#000"
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 2ZM10 50H2a1 1 0 0 1-1-1V5a5 5 0 1 1 10 0v44a1 1 0 0 1-1 1Zm-7-2h6V5a3 3 0 0 0-6 0v43Z"
/>
<path
fill="#000"
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="#000"
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