The Standard Icon Set

Navigation

Square Arrow Out Down Right icon

A rounded square open at the lower right, with a diagonal arrow pointing out of that corner. Use for expanding toward the lower right 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="M7.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.5V4.5C2.5 3.97 2.711 3.461 3.086 3.086C3.461 2.711 3.97 2.5 4.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.5V7.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.182"/><path d="M8 8L13.5 13.5M10 13.5H13.5V10" 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.