The Standard Icon Set

Layout

Empty State icon

A dashed rounded square with a short dash in the middle. Use for an empty state, no content yet, or a placeholder.

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="M3.426 13.386C3.603 13.46 3.797 13.5 4 13.5H4.667M2.614 12.574C2.54 12.397 2.5 12.203 2.5 12V11.333M2.5 10V8.667M2.5 7.333V6M2.5 4.667V4C2.5 3.797 2.54 3.603 2.614 3.426M3.426 2.614C3.603 2.54 3.797 2.5 4 2.5H4.667M6 2.5H7.333M8.667 2.5H10M11.333 2.5H12C12.203 2.5 12.397 2.54 12.574 2.614M13.386 3.426C13.46 3.603 13.5 3.797 13.5 4V4.667M13.5 6V7.333M13.5 8.667V10M13.5 11.333V12C13.5 12.203 13.46 12.397 13.386 12.574M12.574 13.386C12.397 13.46 12.203 13.5 12 13.5H11.333M10 13.5H8.667M7.333 13.5H6" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.182"/><path d="M6.5 8H9.5" 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.

Related15