The Lucide replace icon visually represents the action of substituting one item for another, commonly used in UIs for find and replace functionality or to indicate a swap.
Common uses
- Find and Replace dialog button
- Swap elements in a list
- Undo/Redo action indicator
Use it in React
Install
npm i lucide-reactImport & render
import { Replace } from 'lucide-react';
<Replace size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- searchsubstituteswapchangereplaceexchange
FAQ
- What is the 'replace' icon used for?
- It signifies the action of substituting one thing for another. This is often seen in text editing tools for find and replace operations or to indicate a swap.
- How do I use the replace icon in React?
- You can import and use it like this: import { Replace } from 'lucide-react'. Then, render it as <Replace />.
- What is the license for the Lucide replace icon?
- The Lucide icon library, including the replace icon, is available under the ISC license.
Related icons
The same idea in other libraries, and near matches in Lucide.
Looking for something else? Search Lucide and 4 more libraries by description →
The search behind these pages runs as a Claude Code skill. What skills are and how I ship them →