Add icons to this collection by clicking the heart icon.
Notes icon - also known as notebook, notes, pencil, workbook, note, writing, writing tool, notepad, and miscellaneous. Created in a clean flat style with a white, silver, gray, teal, 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 58 59"
>
<g fill="none" fill-rule="nonzero">
<path
fill="#90BAE1"
d="M9.43 58.06A3.96 3.96 0 0 0 12 59h34a4 4 0 0 0 4-4V17.49L45.62 5H12a4 4 0 0 0-4 4v33.51l1.43 15.55Z"
/>
<path
fill="#95A5A5"
d="m15.03 41.15-2.83 2.82v.01l-2.83-2.83 2.83-2.83zM20.69 46.81l-2.83 2.83-.01-.01-2.82-2.82v-.01l2.82-2.83z"
/>
<path
fill="#F29C1F"
d="m17.85 49.63.01.01-8.49 8.48a3.012 3.012 0 0 1-4.25 0L.88 53.88a3.012 3.012 0 0 1 0-4.25l8.49-8.48 5.66 5.66 2.82 2.82ZM53.93 13.56 20.69 46.81l-2.84-2.84-2.82-2.82-2.83-2.83L45.44 5.07z"
/>
<path
fill="#E57E25"
d="M53.93 13.56 20.69 46.81l-2.84-2.84-2.82-2.82-2.83-2.83L45.44 5.07z"
/>
<path
fill="#F29C1F"
d="M15.03 41.15 48.27 7.9l2.82 2.82-33.24 33.25z"
/>
<path
fill="#BDC3C7"
d="m17.85 43.97-2.82 2.83v.01l-2.83-2.83v-.01l2.83-2.82z"
/>
<path
fill="#F9EAB0"
d="M51.1 10.732a2 2 0 1 1-2.83-2.83 2 2 0 1 1-2.829-2.829l9.812-3.925a2 2 0 0 1 2.6 2.6l-3.925 9.812a2 2 0 1 1-2.829-2.829l.001.001Z"
/>
<path
fill="#FAC176"
d="M17.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.293ZM21.391 35.78a1 1 0 0 1-.707-1.707l22.633-22.634a1 1 0 0 1 1.414 1.414L22.1 35.487a1 1 0 0 1-.709.293Z"
/>
<path
fill="#E6E7E8"
d="M13 10a1 1 0 0 1-1-1V1a1 1 0 0 1 2 0v8a1 1 0 0 1-1 1ZM18 10a1 1 0 0 1-1-1V1a1 1 0 0 1 2 0v8a1 1 0 0 1-1 1ZM23 10a1 1 0 0 1-1-1V1a1 1 0 0 1 2 0v8a1 1 0 0 1-1 1ZM28 10a1 1 0 0 1-1-1V1a1 1 0 0 1 2 0v8a1 1 0 0 1-1 1ZM33 10a1 1 0 0 1-1-1V1a1 1 0 0 1 2 0v8a1 1 0 0 1-1 1ZM38 8a1 1 0 0 1-1-1V1a1 1 0 0 1 2 0v6a1 1 0 0 1-1 1Z"
/>
<path
fill="#3F5C6C"
d="M15 16h-2a1 1 0 0 1 0-2h2a1 1 0 0 1 0 2ZM30 16H19a1 1 0 0 1 0-2h11a1 1 0 0 1 0 2ZM15 21h-2a1 1 0 0 1 0-2h2a1 1 0 0 1 0 2ZM25 21h-6a1 1 0 0 1 0-2h6a1 1 0 0 1 0 2ZM15 26h-2a1 1 0 0 1 0-2h2a1 1 0 0 1 0 2ZM20 26h-1a1 1 0 0 1 0-2h1a1 1 0 0 1 0 2ZM15 31h-2a1 1 0 0 1 0-2h2a1 1 0 0 1 0 2ZM45 54h-2a1 1 0 0 1 0-2h2a1 1 0 0 1 0 2ZM39 54H28a1 1 0 0 1 0-2h11a1 1 0 0 1 0 2ZM45 49h-2a1 1 0 0 1 0-2h2a1 1 0 0 1 0 2ZM39 49h-6a1 1 0 0 1 0-2h6a1 1 0 0 1 0 2ZM45 44h-2a1 1 0 0 1 0-2h2a1 1 0 0 1 0 2ZM39 44h-1a1 1 0 0 1 0-2h1a1 1 0 0 1 0 2ZM45 39h-2a1 1 0 0 1 0-2h2a1 1 0 0 1 0 2Z"
/>
<path
fill="#FF5364"
d="m17.86 49.64-8.49 8.48a3.012 3.012 0 0 1-4.25 0L.88 53.88a3.012 3.012 0 0 1 0-4.25l8.49-8.48 5.66 5.66 2.82 2.82.01.01Z"
/>
<path
fill="#DF4D60"
d="M3.71 52.46a3.012 3.012 0 0 0 0 4.25L.88 53.88a3.012 3.012 0 0 1 0-4.25l8.49-8.48 2.83 2.83-8.49 8.48Z"
/>
<path
fill="#35495E"
d="m57.85 3.75-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"
/>
</g>
</svg>
More icons in the same style and category