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.