The Lucide file code icon depicts a document with code symbols, commonly used to represent files containing programming code or configuration settings.
Common uses
- Button to view/edit source code
- Link to a code snippet or configuration file
- Indicator for code-related documents
Use it in React
Install
npm i lucide-reactImport & render
import { FileCode } from 'lucide-react';
<FileCode size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- scriptdocumentgisthtmlxmlproperty listplistfilecodecode filescript filesource codeprogramming file
FAQ
- What is the file-code icon used for?
- It represents files that contain programming code, such as scripts, HTML, XML, or configuration files.
- How do I use this icon in React?
- Import it as `FileCode` from 'lucide-react' and use it like: `<FileCode />`.
- What is the license for this icon?
- The Lucide icon library is distributed under the ISC license.
Related icons
The same idea in other libraries, and near matches in Lucide.