Skip to content
IconMind

Swap icons

7 icons carry the tag swap, across DevOps, Commerce, Education, Finance, Interface and Security. Arrow left right, Blue-green, Book swap and 4 more — each in outline and duotone at three weights, with the code for React, Vue, Svelte, Flutter and more.

The 7 swap icons, described

Arrow left rightarrow-left-right
One arrow with a head at each end, pointing left and right — swap, resize or go either way.
Blue-greenblue-green
Blue-green deployment — two identical stacks, one live, swapped over at cutover.
Book swapbook-swap
One book for another.
Replace cardcard-replace
The payment card with an arrow pointing both ways — the old one swapped for a new one.
Exchange itemexchange-item
A receipt with an arrow pointing both ways — one item swapped for another.
On-call swaponcall-swap
A person inside the rotation loop — the on-call rota turned so someone else takes the shift.
Token exchangetoken-exchange
A ticket with an arrow pointing both ways — one token swapped for another.

In code, each is one import — import { ArrowLeftRight } from "@iconmind/react/icons/arrow-left-right" — and the same name in Vue, Svelte, Solid, Preact, React Native, Astro, Blade and Flutter.

Tags these icons also carry

Every swap icon, free to ship

7 of 5,287 icons compiled from one grid — outline and duotone, three weights, every cell generated rather than redrawn. MIT licensed: commercial use, no attribution, no seat count.