The Lucide folder code icon depicts a folder containing code, commonly used to represent a directory or project related to software development.
Common uses
- Representing a code project directory
- Linking to a source code repository
- Indicating a file or folder containing programming code
Use it in React
Install
npm i lucide-reactImport & render
import { FolderCode } from 'lucide-react';
<FolderCode size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- directorycodingdevelopsoftwarefoldercodecode folderdirectory codesource folderprogramming folder
FAQ
- What does the folder code icon represent?
- It represents a folder that specifically contains code, often used for software development projects or directories.
- How do I use the folder code icon in React?
- You can import and use it like this: import { FolderCode } from 'lucide-react'. Then render it as <FolderCode />.
- What is the license for this icon?
- The Lucide icon library, including the folder code 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 →