The Standard Icon Set

Actions

Replace icon

Two rounded squares on a diagonal with two small curved arrows at the opposite corners. Use for replacing, swapping, or find and replace.

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"><rect x="2.5" y="2.5" width="5" height="5" rx="1" stroke="currentColor" stroke-linejoin="round" stroke-width="1.182"/><rect x="8.5" y="8.5" width="5" height="5" rx="1" stroke="currentColor" stroke-linejoin="round" stroke-width="1.182"/><path d="M10 3H11.5C11.898 3 12.279 3.158 12.561 3.439C12.842 3.721 13 4.102 13 4.5V6.5M14.25 5.25L13 6.5L11.75 5.25" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.182"/><path d="M6 13H4.5C4.102 13 3.721 12.842 3.439 12.561C3.158 12.279 3 11.898 3 11.5V9.5M4.25 10.75L3 9.5L1.75 10.75" 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.