The Lucide frame icon depicts a simple rectangular border, commonly used to represent containers, placeholders, or visual boundaries in user interfaces.
Common uses
- Image or content container
- Placeholder for unrendered elements
- Section divider or border
Use it in React
Install
npm i lucide-reactImport & render
import { Frame } from 'lucide-react';
<Frame size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- logodesigntoolframebordercontainerboxrectangle
FAQ
- What is the frame icon used for?
- It's typically used to visually delineate areas, act as a container for content like images, or serve as a placeholder.
- How do I use the frame icon in React?
- You can import and use it like this: import { Frame } from 'lucide-react'. Then render it as <Frame />.
- What is the license for the Lucide frame icon?
- The Lucide icon library, including the frame 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 →