Notes icon
A free notes icon from the Editor set, useful for sticky notes, stickies, memo, note stack. It comes in six weights and is free for personal and commercial use under the MIT license.
Open in the icon browserCustomize size and color, then download PNG, WebP or PDF.
Use the notes icon in your code
React
import { Notes } from '@icon-monks/react';
<Notes size={24} />Vue
<script setup>
import { Notes } from '@icon-monks/vue';
</script>
<Notes :size="24" />Web component
<icon-monks name="notes" size="24"></icon-monks>Icon font
<i class="im im-notes"></i>Flutter
Icon(IconMonks.notes)SwiftUI
Image(iconMonks: .notes)Compose
Icon(IconMonks.Regular.Notes, contentDescription = null)Need setup steps? See the getting started guide or the page for React, Flutter, SwiftUI or Jetpack Compose.
Tags
Related editor icons
notes-slash
notepad
note-blank
note-plus
writing
align-box-bottom-center
align-box-bottom-left
align-box-bottom-right
align-box-center-bottom
align-box-center-middle
align-box-center-stretch
align-box-center-top
align-box-left-bottom
align-box-left-middle
align-box-left-stretch
align-box-left-top
align-box-right-bottom
align-box-right-middle