The Lucide folder icon depicts a stylized folder, commonly used in user interfaces to represent directories, file storage, or organizational containers.
Common uses
- File browser navigation
- Directory creation button
- Categorization of content
Use it in React
Install
npm i lucide-reactImport & render
import { Folder } from 'lucide-react';
<Folder size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- directoryfolderfilesstoragecontainer
FAQ
- What does the folder icon represent?
- It represents a folder or directory, used for organizing files or content within an application.
- How do I use the folder icon in React?
- You can import it directly from the 'lucide-react' library using: `import { Folder } from 'lucide-react'`.
- What is the license for this icon?
- The Lucide icon library, including the folder 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 →