The Tabler source code icon visually represents programming or development, often used to indicate actions related to viewing or editing code.
Common uses
- Button to view source code of a component
- Link to a project's GitHub repository
- Label for a code editor section
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconSourceCode } from '@tabler/icons-react';
<IconSourceCode size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- Development
- Keywords
- programmingcodinghtmldevelopmentsourcecodesoftwarescripttechnicaldeveloper
FAQ
- What does the source code icon represent?
- It symbolizes programming, coding, or software development. It's used in UIs to signify actions or areas related to viewing or editing code.
- How do I use this icon in React?
- Import it from '@tabler/icons-react' and use it as a component: import { IconSourceCode } from '@tabler/icons-react'; <IconSourceCode />.
- What is the license for this icon?
- The Tabler icon set, including the source code icon, is available under the MIT license.
Related icons
The same idea in other libraries, and near matches in Tabler.
Looking for something else? Search Tabler 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 →