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 flat style with a gray, red, navy, 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 46 58"
>
<g fill="none" fill-rule="nonzero">
<path fill="#894B9D" d="M4 0a4 4 0 0 1 4 4v44H0V4a4 4 0 0 1 4-4Z" />
<rect width="28" height="36" x="18" y="22" fill="#F9EAB0" rx="2" />
<path
fill="#2C3E50"
d="M24 34h-2a1 1 0 0 1 0-2h2a1 1 0 0 1 0 2ZM30 34h-2a1 1 0 0 1 0-2h2a1 1 0 0 1 0 2ZM36 34h-2a1 1 0 0 1 0-2h2a1 1 0 0 1 0 2ZM42 34h-2a1 1 0 0 1 0-2h2a1 1 0 0 1 0 2ZM24 39h-2a1 1 0 0 1 0-2h2a1 1 0 0 1 0 2ZM30 39h-2a1 1 0 0 1 0-2h2a1 1 0 0 1 0 2ZM36 39h-2a1 1 0 0 1 0-2h2a1 1 0 0 1 0 2ZM42 39h-2a1 1 0 0 1 0-2h2a1 1 0 0 1 0 2ZM24 44h-2a1 1 0 0 1 0-2h2a1 1 0 0 1 0 2ZM30 44h-2a1 1 0 0 1 0-2h2a1 1 0 0 1 0 2ZM36 44h-2a1 1 0 0 1 0-2h2a1 1 0 0 1 0 2ZM42 44h-2a1 1 0 0 1 0-2h2a1 1 0 0 1 0 2ZM24 49h-2a1 1 0 0 1 0-2h2a1 1 0 0 1 0 2ZM30 49h-2a1 1 0 0 1 0-2h2a1 1 0 0 1 0 2ZM36 49h-2a1 1 0 0 1 0-2h2a1 1 0 0 1 0 2ZM42 49h-2a1 1 0 0 1 0-2h2a1 1 0 0 1 0 2ZM24 54h-2a1 1 0 0 1 0-2h2a1 1 0 0 1 0 2ZM30 54h-2a1 1 0 0 1 0-2h2a1 1 0 0 1 0 2ZM36 54h-2a1 1 0 0 1 0-2h2a1 1 0 0 1 0 2ZM42 54h-2a1 1 0 0 1 0-2h2a1 1 0 0 1 0 2Z"
/>
<path
fill="#955BA5"
d="M5 4v44H0V4A3.978 3.978 0 0 1 2.5.3c.496.2.948.496 1.33.87A4.025 4.025 0 0 1 5 4Z"
/>
<path fill="#7F8C8D" d="M0 17h8v4H0z" />
<path
fill="#95A5A5"
d="M0 17h5v4H0zM0 48l3.072 9.371a1 1 0 0 0 1.856 0L8 48H0Z"
/>
<path
fill="#C03A2B"
d="M12 31h-1a1 1 0 0 1 0-2V8a1 1 0 0 0-1-1H5a1 1 0 1 1 0-2h5a3 3 0 0 1 3 3v22a1 1 0 0 1-1 1Z"
/>
<circle cx="22" cy="25" r="2" fill="#2C3E50" />
<circle cx="27" cy="25" r="2" fill="#2C3E50" />
<circle cx="32" cy="25" r="2" fill="#2C3E50" />
<circle cx="37" cy="25" r="2" fill="#2C3E50" />
<circle cx="42" cy="25" r="2" fill="#2C3E50" />
<path
fill="#95A5A5"
d="M27 26a1 1 0 0 1-1-1v-6a1 1 0 0 1 2 0v6a1 1 0 0 1-1 1ZM32 26a1 1 0 0 1-1-1v-6a1 1 0 0 1 2 0v6a1 1 0 0 1-1 1ZM37 26a1 1 0 0 1-1-1v-6a1 1 0 0 1 2 0v6a1 1 0 0 1-1 1ZM42 26a1 1 0 0 1-1-1v-6a1 1 0 0 1 2 0v6a1 1 0 0 1-1 1ZM22 26a1 1 0 0 1-1-1v-6a1 1 0 0 1 2 0v6a1 1 0 0 1-1 1Z"
/>
<path
fill="#FB7B76"
d="M18 35h28v1H18zM18 40h28v1H18zM18 45h28v1H18zM18 50h28v1H18z"
/>
<path fill="#DF4D60" d="M8 4v13H0V4a4 4 0 1 1 8 0Z" />
<path
fill="#7F8C8D"
d="m6.03 54.01-1.1 3.36a1 1 0 0 1-1.86 0l-1.1-3.36L2 54h4l.03.01Z"
/>
<path
fill="#FF5364"
d="M5 4v13H0V4A3.978 3.978 0 0 1 2.5.3c.496.2.948.496 1.33.87A4.025 4.025 0 0 1 5 4Z"
/>
</g>
</svg>
More icons in the same style and category