The Lucide move diagonal icon depicts a double-headed arrow pointing diagonally, commonly used to indicate resizing or moving an element in a diagonal direction.
Common uses
- Diagonal resizing handle
- Drag and drop indicator
- Directional movement cue
Use it in React
Install
npm i lucide-reactImport & render
import { MoveDiagonal } from 'lucide-react';
<MoveDiagonal size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- doublearrowmovediagonaldiagonal arrowresize diagonalmove arrowsbidirectional diagonal
FAQ
- What is the purpose of the move diagonal icon?
- It visually represents actions like resizing or moving items diagonally. It's often used in user interfaces to signify these types of directional changes.
- How do I use the move diagonal icon in React?
- You can import it from the 'lucide-react' library like this: import { MoveDiagonal } from 'lucide-react'. Then, you can render it as a React component.
- What is the license for the move diagonal icon?
- The Lucide icon library, including the move diagonal icon, is released 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 →