The HugeIcons replace icon depicts two arrows forming a circular motion, commonly used to indicate swapping or replacing one item with another.
Common uses
- Swap two selected items
- Undo/redo functionality
- Switching between views or modes
Use it in React
Install
npm i @hugeicons/react @hugeicons/core-free-iconsImport & render
import { HugeiconsIcon } from '@hugeicons/react';
import { ReplaceIcon } from '@hugeicons/core-free-icons';
<HugeiconsIcon icon={ReplaceIcon} size={24} strokeWidth={1.5} />Details
- Library
- HugeIcons (5,121 icons)
- License
- MIT
- viewBox
0 0 24 24- Keywords
- swapexchangecyclerefresh
FAQ
- What does the ReplaceIcon signify?
- The ReplaceIcon signifies an action of swapping or replacing one element with another, often seen in undo/redo or switching functionalities.
- How do I use ReplaceIcon in React?
- To use ReplaceIcon in React, import both HugeiconsIcon and ReplaceIcon, then render <HugeiconsIcon icon={ReplaceIcon} />.
- What is the license for HugeIcons?
- HugeIcons are distributed under the MIT license, allowing for free use in both personal and commercial projects.
Related icons
The same idea in other libraries, and near matches in HugeIcons.