Swap Bold

By Phosphor Icons in Phosphor

SVG

React

Vue

Base64

Copy
<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200" viewBox="0 0 256 256">
  <path fill="currentColor" d="M228 48v104a20 20 0 0 1-20 20h-95.08a12 12 0 0 1-17.41 16.49l-20-20a12 12 0 0 1 0-17l20-20A12 12 0 0 1 112.92 148H204V52H100a12 12 0 0 1-24 0v-4a20 20 0 0 1 20-20h112a20 20 0 0 1 20 20Zm-60 144a12 12 0 0 0-12 12H52v-96h91.08a12 12 0 0 0 17.41 16.49l20-20a12 12 0 0 0 0-17l-20-20A12 12 0 0 0 143.08 84H48a20 20 0 0 0-20 20v104a20 20 0 0 0 20 20h112a20 20 0 0 0 20-20v-4a12 12 0 0 0-12-12Z"/>
</svg>


Swap Bold Icons examples

See what this icon looks like in some mockup designs
Swap BoldHome

Related icons in Phosphor

copy save
acorn
copy save
acorn-bold
copy save
acorn-duotone
copy save
acorn-fill
copy save
acorn-light
copy save
acorn-thin
copy save
address-book
copy save
address-book-bold
copy save
address-book-duotone
copy save
address-book-fill
copy save
address-book-light
copy save
address-book-tabs
copy save
address-book-tabs-bold
copy save
address-book-tabs-duotone
copy save
address-book-tabs-fill
copy save
address-book-tabs-light
copy save
address-book-tabs-thin
copy save
address-book-thin
copy save
air-traffic-control
copy save
air-traffic-control-bold