The Standard Icon Set

Layout

Square Dashed icon

A rounded square drawn with dashed lines. Use for a placeholder, empty area, or selection.

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="M2.5 4.5C2.5 3.97 2.711 3.461 3.086 3.086C3.461 2.711 3.97 2.5 4.5 2.5M7 2.5H9M11.5 2.5C12.03 2.5 12.539 2.711 12.914 3.086C13.289 3.461 13.5 3.97 13.5 4.5M13.5 7V9M13.5 11.5C13.5 12.03 13.289 12.539 12.914 12.914C12.539 13.289 12.03 13.5 11.5 13.5M9 13.5H7M4.5 13.5C3.97 13.5 3.461 13.289 3.086 12.914C2.711 12.539 2.5 12.03 2.5 11.5M2.5 9V7" 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