The HugeIcons source code square icon visually represents programming code, commonly used in UIs to indicate actions related to viewing, editing, or managing code.
Common uses
- Button to view source code
- Link to a code repository
- Indicator for code snippets
Use it in React
Install
npm i @hugeicons/react @hugeicons/core-free-iconsImport & render
import { HugeiconsIcon } from '@hugeicons/react';
import { SourceCodeSquareIcon } from '@hugeicons/core-free-icons';
<HugeiconsIcon icon={SourceCodeSquareIcon} size={24} strokeWidth={1.5} />Details
- Library
- HugeIcons (5,121 icons)
- License
- MIT
- viewBox
0 0 24 24- Keywords
- code iconprogramming iconsource iconsyntax icon
FAQ
- What is the source code square icon used for?
- This icon represents programming code and is typically used in user interfaces to signify actions or areas related to code, such as viewing or editing.
- How do I use the SourceCodeSquareIcon in React?
- Import both HugeiconsIcon and SourceCodeSquareIcon, then render the icon using <HugeiconsIcon icon={SourceCodeSquareIcon} />.
- What is the license for this icon?
- The SourceCodeSquareIcon is part of the HugeIcons library and is available under the MIT license.
Related icons
The same idea in other libraries, and near matches in HugeIcons.
Looking for something else? Search HugeIcons 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 →