The Phosphor note blank icon depicts an empty sheet of paper, commonly used in user interfaces to represent actions related to creating, editing, or viewing notes, documents, or memos.
Common uses
- Button to create a new note
- Placeholder for an empty document editor
- Link to a user's saved memos
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { NoteBlank } from '@phosphor-icons/react';
<NoteBlank size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<NoteBlank size={24} />thin
<NoteBlank size={24} weight="thin" />light
<NoteBlank size={24} weight="light" />bold
<NoteBlank size={24} weight="bold" />fill
<NoteBlank size={24} weight="fill" />duotone
<NoteBlank size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- office
- Keywords
- notesnote-takingmemorandumpost-itremindersofficeeditornoteblankempty documentpagememodocument
FAQ
- What is the purpose of the note blank icon?
- It visually represents an empty document or note, ideal for actions like creating new content or indicating an unfilled form field.
- How do I use the note blank icon in React?
- Import it from the library and use it as a component: import { NoteBlank } from '@phosphor-icons/react'; <NoteBlank size={24} />
- What is the license for this icon?
- The Phosphor icon library, including the note blank icon, is available under the MIT license.
Related icons
The same idea in other libraries, and near matches in Phosphor.
Looking for something else? Search Phosphor and 4 more libraries by description →
The search behind these pages runs as a Claude Code skill. What skills are and how I ship them →