Add icons to this collection by clicking the heart icon.
Notes icon - also known as notebook, notes, pencil, note, writing, writing tool, notepad, and miscellaneous. Created in a clean blue style with a white, silver, and orange 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 60 60"
>
<g fill="none" fill-rule="nonzero">
<path
fill="#CAD9FC"
d="M51 17.49V55a4 4 0 0 1-4 4H13a3.96 3.96 0 0 1-2.57-.94L9 42.51V9a4 4 0 0 1 4-4h33.62L51 17.49Z"
/>
<path
fill="#FFF"
d="M48 17.49V55a4 4 0 0 1-4 4H13a3.96 3.96 0 0 1-2.57-.94L9 42.51V9a4 4 0 0 1 4-4h30.62L48 17.49Z"
/>
<path
fill="#E8EDFC"
d="M48 17.49V55a4 4 0 0 1-4 4H15.87a3.96 3.96 0 0 1-2.57-.94l-1.43-15.55V9a4 4 0 0 1 4-4h27.75L48 17.49Z"
/>
<path
fill="#FFF"
d="m16.03 41.15-2.83 2.82v.01l-2.83-2.83 2.83-2.83z"
/>
<path
fill="#CAD9FC"
d="m21.69 46.81-2.83 2.83-.01-.01-2.82-2.82v-.01l2.82-2.83z"
/>
<path
fill="#F29C1F"
d="m18.85 49.63.01.01-8.49 8.48a3.012 3.012 0 0 1-4.25 0l-4.24-4.24a3.012 3.012 0 0 1 0-4.25l8.49-8.48 5.66 5.66 2.82 2.82ZM54.93 13.56 21.69 46.81l-2.84-2.84-2.82-2.82-2.83-2.83L46.44 5.07z"
/>
<path
fill="#CAD9FC"
d="M54.93 13.56 21.69 46.81l-2.84-2.84-2.82-2.82-2.83-2.83L46.44 5.07z"
/>
<path
fill="#FFF"
d="m52.09 10.72-.29.29-32.95 32.96-3.56-4.01-1.53-1.71L47 5z"
/>
<path
fill="#E8EDFC"
d="M51.8 11.01 18.85 43.97l-3.56-4.01L48.24 7zM18.85 43.97l-2.82 2.83v.01l-2.83-2.83v-.01l2.83-2.82z"
/>
<path
fill="#CAD9FC"
d="m58.85 3.75-3.92 9.81a2.016 2.016 0 0 1-2.83 0 .806.806 0 0 1-.12-.14 2.007 2.007 0 0 1 .12-2.69 2.001 2.001 0 1 1-2.83-2.83 2.001 2.001 0 0 1-2.83-2.83l8.88-3.55.93-.37a2 2 0 0 1 2.6 2.6Z"
/>
<path
fill="#E8EDFC"
d="m55.85 3.75-3.87 9.67a2.007 2.007 0 0 1 .12-2.69 2.001 2.001 0 0 1-2.83-2.83 2.001 2.001 0 0 1-2.83-2.83l8.88-3.55c.637.552.85 1.45.53 2.23Z"
/>
<path
fill="#FFF"
d="m18.85 49.49-8.48 8.49a2.851 2.851 0 0 1-.7.51 3 3 0 0 1-3.55-.51l-4.24-4.24a3.012 3.012 0 0 1 0-4.25L10.36 41l1.43 1.43 1.4 1.4 5.66 5.66Z"
/>
<path
fill="#A4C2F7"
d="m18.85 49.49-8.48 8.49a2.851 2.851 0 0 1-.7.51 2.8 2.8 0 0 1-.69-.51l-4.24-4.24a3.012 3.012 0 0 1 0-4.25l7.05-7.06 1.4 1.4 5.66 5.66Z"
/>
<path
fill="#7FACFA"
d="M7.538 55.15a3.012 3.012 0 0 1-4.25 0l2.829 2.83a3.012 3.012 0 0 0 4.25 0l8.481-8.49-2.83-2.83-8.48 8.49ZM58.85 3.75l-1 2.5a3.921 3.921 0 0 1-2.92-1.18 3.921 3.921 0 0 1-1.18-2.92l2.5-1a2 2 0 0 1 2.6 2.6Z"
/>
<path
fill="#428DFF"
d="M8.245 60a3.989 3.989 0 0 1-2.829-1.17l-4.244-4.246a4 4 0 0 1 0-5.658l44.56-44.56a1 1 0 0 1 1.414 1.414L2.586 50.34a2 2 0 0 0 0 2.83l4.244 4.244a2.05 2.05 0 0 0 2.829 0l44.561-44.56a1 1 0 0 1 1.414 1.414l-44.561 44.56A3.987 3.987 0 0 1 8.245 60Z"
/>
<path
fill="#428DFF"
d="M18.854 50.633a1 1 0 0 1-.707-.293l-8.488-8.487a1 1 0 1 1 1.414-1.415l8.489 8.488a1 1 0 0 1-.708 1.707ZM21.684 47.8a.993.993 0 0 1-.707-.293l-8.488-8.488a1 1 0 0 1 1.411-1.41l8.491 8.491a1 1 0 0 1-.707 1.707V47.8Z"
/>
<path
fill="#428DFF"
d="M13.2 44.975a1 1 0 0 1-.707-1.707l2.829-2.83a1 1 0 0 1 1.414 1.415L13.9 44.682a1 1 0 0 1-.7.293ZM16.025 47.8a1 1 0 0 1-.707-1.707l2.829-2.829a1 1 0 1 1 1.415 1.414l-2.83 2.829a.993.993 0 0 1-.707.293ZM53.513 15.147a3 3 0 0 1-2.122-5.123 1 1 0 0 1 1.414 1.414 1 1 0 0 0 0 1.416c.348.335.883.381 1.283.11l3.835-9.587a1 1 0 0 0-1.3-1.3l-9.587 3.835A1 1 0 0 0 48.562 7.2a1 1 0 1 1 1.414 1.414 3 3 0 0 1-4.244-4.243c.096-.096.21-.17.336-.221L55.88.22a2.962 2.962 0 0 1 3.236.664 2.96 2.96 0 0 1 .664 3.236l-3.925 9.812c-.05.126-.125.24-.221.336a2.985 2.985 0 0 1-2.121.879Z"
/>
<path
fill="#428DFF"
d="M50.684 12.316A3 3 0 0 1 48.562 7.2a1 1 0 1 1 1.414 1.414 1 1 0 1 0 1.415 1.415 1 1 0 0 1 1.414 1.414 2.992 2.992 0 0 1-2.121.873ZM57.745 7.249a4.952 4.952 0 0 1-3.525-1.468 4.951 4.951 0 0 1-1.467-3.663 1 1 0 0 1 2 .054 3.012 3.012 0 0 0 3.076 3.076h.027a1 1 0 0 1 .026 2l-.137.001ZM18.854 39.316a1 1 0 0 1-.707-1.707l.707-.707a1 1 0 0 1 1.415 1.414l-.707.707a1 1 0 0 1-.708.293ZM22.391 35.78a1 1 0 0 1-.707-1.707l22.633-22.634a1 1 0 0 1 1.414 1.414L23.1 35.487a1 1 0 0 1-.709.293Z"
/>
<path fill="#FFF" d="M10 9V42.51H8V9z" />
<path
fill="#428DFF"
d="M9 14a1 1 0 0 0 1-1V9H8v4a1 1 0 0 0 1 1ZM8 42.51h2V21a1 1 0 0 0-2 0v21.51ZM10 17a1.052 1.052 0 0 0-.29-.71l-.15-.12a.757.757 0 0 0-.18-.09.636.636 0 0 0-.18-.06A1.5 1.5 0 0 0 9 16a1.052 1.052 0 0 0-.71.29c-.09.096-.162.208-.21.33-.15.373-.069.8.21 1.09.096.09.208.162.33.21A.99.99 0 0 0 10 17Z"
/>
<path
fill="#428DFF"
d="M9 10a1 1 0 0 1-1-1 5.006 5.006 0 0 1 5-5h33.62a1 1 0 0 1 0 2H13a3 3 0 0 0-3 3 1 1 0 0 1-1 1ZM47 60H13a4.932 4.932 0 0 1-3.215-1.175 1 1 0 0 1 1.289-1.53c.537.457 1.22.708 1.926.705h34a3 3 0 0 0 3-3V17.49a1 1 0 0 1 2 0V55a5.006 5.006 0 0 1-5 5Z"
/>
<path
fill="#428DFF"
d="M14 10a1 1 0 0 1-1-1V1a1 1 0 0 1 2 0v8a1 1 0 0 1-1 1ZM19 10a1 1 0 0 1-1-1V1a1 1 0 0 1 2 0v8a1 1 0 0 1-1 1ZM24 10a1 1 0 0 1-1-1V1a1 1 0 0 1 2 0v8a1 1 0 0 1-1 1ZM29 10a1 1 0 0 1-1-1V1a1 1 0 0 1 2 0v8a1 1 0 0 1-1 1ZM34 10a1 1 0 0 1-1-1V1a1 1 0 0 1 2 0v8a1 1 0 0 1-1 1ZM39 8a1 1 0 0 1-1-1V1a1 1 0 0 1 2 0v6a1 1 0 0 1-1 1ZM16 16h-2a1 1 0 0 1 0-2h2a1 1 0 0 1 0 2ZM31 16H20a1 1 0 0 1 0-2h11a1 1 0 0 1 0 2ZM16 21h-2a1 1 0 0 1 0-2h2a1 1 0 0 1 0 2ZM26 21h-6a1 1 0 0 1 0-2h6a1 1 0 0 1 0 2ZM16 26h-2a1 1 0 0 1 0-2h2a1 1 0 0 1 0 2ZM21 26h-1a1 1 0 0 1 0-2h1a1 1 0 0 1 0 2ZM16 31h-2a1 1 0 0 1 0-2h2a1 1 0 0 1 0 2ZM46 54h-2a1 1 0 0 1 0-2h2a1 1 0 0 1 0 2ZM40 54H29a1 1 0 0 1 0-2h11a1 1 0 0 1 0 2ZM46 49h-2a1 1 0 0 1 0-2h2a1 1 0 0 1 0 2ZM40 49h-6a1 1 0 0 1 0-2h6a1 1 0 0 1 0 2ZM46 44h-2a1 1 0 0 1 0-2h2a1 1 0 0 1 0 2ZM40 44h-1a1 1 0 0 1 0-2h1a1 1 0 0 1 0 2ZM46 39h-2a1 1 0 0 1 0-2h2a1 1 0 0 1 0 2Z"
/>
</g>
</svg>
More icons in the same style and category