The Standard Icon Set

Files

Notebook Pen icon

A notebook with binding tabs on the left and a pen angled across its upper right corner. Use for writing notes, journaling, or editing.

SVG
PNG
Size
Weight

Sizes

  • 16
  • 18
  • 20
  • 22
  • 24
  • 28
  • 32
  • 40
  • 48

Use it

Format
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M9.5 2.5H4C3.735 2.5 3.48 2.605 3.293 2.793C3.105 2.98 3 3.235 3 3.5V12.5C3 12.765 3.105 13.02 3.293 13.207C3.48 13.395 3.735 13.5 4 13.5H11C11.265 13.5 11.52 13.395 11.707 13.207C11.895 13.02 12 12.765 12 12.5V8.983" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.182"/><path d="M2 5H4M2 8H4M2 11H4" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.182"/><path d="M7 9.75L9.278 9.379L13.916 4.742C14.168 4.489 14.311 4.146 14.311 3.788C14.311 3.43 14.168 3.087 13.916 2.834C13.663 2.581 13.319 2.439 12.962 2.439C12.604 2.439 12.261 2.581 12.008 2.834L7.371 7.472L7 9.75Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.182"/><path d="M11.7 3.483L13.267 5.05" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.182"/></svg>

Paste it into HTML. It draws in currentColor, so it takes the colour of the text around it.