The Standard Icon Set

Navigation

Square Arrow Out Up Left icon

A rounded square open at the upper left, with a diagonal arrow pointing out of that corner. Use for expanding toward the upper left or moving out.

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="M8.5 2.5H11.5C12.03 2.5 12.539 2.711 12.914 3.086C13.289 3.461 13.5 3.97 13.5 4.5V11.5C13.5 12.03 13.289 12.539 12.914 12.914C12.539 13.289 12.03 13.5 11.5 13.5H4.5C3.97 13.5 3.461 13.289 3.086 12.914C2.711 12.539 2.5 12.03 2.5 11.5V8.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.182"/><path d="M8 8L2.5 2.5M2.5 6V2.5H6" 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.