Swap Svg Icon

Free SVG icon from the IconaMoon collection. Download or copy for use in any project.

Download SVG

Collection: IconaMoon
Format: SVG, PNG
License: CC BY 4.0 - Free for commercial use
Style: Filled
Tags: swap svg

The Swap Svg icon is available as a free SVG and is ready to drop into any web or app project.

img tag

<img src="https://proicons.com/icon/308940.svg" alt="Swap   Svg icon" width="24" height="24">

React JSX

<img src="https://proicons.com/icon/308940.svg" alt="Swap   Svg icon" width={24} height={24} />

Vue template

<img
  src="https://proicons.com/icon/308940.svg"
  alt="Swap   Svg icon"
  :width="24"
  :height="24"
/>

CSS background

.icon-swap---svg {
  background-image: url('https://proicons.com/icon/308940.svg');
  background-size: contain;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  display: inline-block;
}

SVG markup

<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M17.7071 20.7071C17.3166 21.0976 16.6834 21.0976 16.2929 20.7071L12.2929 16.7071C12.0069 16.4211 11.9213 15.991 12.0761 15.6173C12.2309 15.2436 12.5955 15 13 15L16 15L16 4C16 3.44772 16.4477 3 17 3C17.5523 3 18 3.44772 18 4L18 15H21C21.4045 15 21.7691 15.2436 21.9239 15.6173C22.0787 15.991 21.9931 16.4211 21.7071 16.7071L17.7071 20.7071ZM7.70711 3.29289C7.31658 2.90237 6.68342 2.90237 6.29289 3.29289L2.29289 7.29289C2.0069 7.57889 1.92134 8.00901 2.07612 8.38268C2.2309 8.75636 2.59554 9 3 9H6L6 20C6 20.5523 6.44771 21 7 21C7.55228 21 8 20.5523 8 20L8 9L11 9C11.4045 9 11.7691 8.75636 11.9239 8.38268C12.0787 8.00901 11.9931 7.57889 11.7071 7.29289L7.70711 3.29289Z" fill="#292929"/>
</svg>

Copied!

Swap Svg Icon

More from IconaMoon