Skip to main content

Swap shifts

Examples

Heading
Smaller heading

Inline text

Inline font

Example link text

Download

Download the SVG to use or edit.

Download SVG

Icon font

Using the web font? Copy, paste, and go.

<i class="wiw-icon wiw-swap-shifts"></i>

Code point

  • Unicode: U+F18E
  • CSS: \F18E
  • JS: \uF18E
  • HTML: &#xF18E;

Copy HTML

Paste the SVG right into your project's code.

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="wiw-icon wiw-swap-shifts" viewBox="0 0 24 24">
  <g fill-rule="evenodd">
    <path d="M2 18v4h12.002L14 18H2Zm12 6H2c-1.103 0-2-.897-2-2v-4c0-1.103.897-2 2-2h12c1.103 0 2 .897 2 2v4c0 1.103-.897 2-2 2Z"/>
    <path d="m23.707 13.293-3-3a.999.999 0 0 0-1.414 0l-3 3a.999.999 0 1 0 1.414 1.414L19 13.414V15c0 2.206-1.794 4-4 4a1 1 0 1 0 0 2c3.309 0 6-2.691 6-6v-1.586l1.293 1.293a.997.997 0 0 0 1.414 0 .999.999 0 0 0 0-1.414M10 2h-.002L10 6h12V2H10Zm12 6H10c-1.103 0-2-.897-2-2V2c0-1.103.897-2 2-2h12c1.103 0 2 .897 2 2v4c0 1.103-.897 2-2 2Z"/>
    <path d="M9 3C5.691 3 3 5.691 3 9v1.586L1.707 9.293a.999.999 0 1 0-1.414 1.414l3 3a.997.997 0 0 0 1.414 0l3-3a.999.999 0 1 0-1.414-1.414L5 10.586V9c0-2.206 1.794-4 4-4a1 1 0 1 0 0-2"/>
  </g>
</svg>