The Lucide crop icon depicts a square with intersecting lines, commonly used to indicate an image cropping or resizing function.
Common uses
- Image editor toolbar
- Photo gallery options
- Content management system media settings
Use it in React
Install
npm i lucide-reactImport & render
import { Crop } from 'lucide-react';
<Crop size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- photoimagecropimage cropresizeframeselect area
FAQ
- What does the crop icon represent?
- It represents the action of selecting a specific area of an image or other content, often for resizing or framing.
- How do I use the crop icon in React?
- You can import it directly from the 'lucide-react' library like this: import { Crop } from 'lucide-react'.
- What is the license for the Lucide crop icon?
- The Lucide icon library, including the crop 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 →