The HugeIcons jsx 02 icon depicts a stylized representation of JSX code, commonly used to signify components or code blocks within a user interface.
Common uses
- Code snippet highlighting
- Component library indicator
- Programming language tag
Use it in React
Install
npm i @hugeicons/react @hugeicons/core-free-iconsImport & render
import { HugeiconsIcon } from '@hugeicons/react';
import { Jsx02Icon } from '@hugeicons/core-free-icons';
<HugeiconsIcon icon={Jsx02Icon} size={24} strokeWidth={1.5} />Details
- Library
- HugeIcons (5,121 icons)
- License
- MIT
- viewBox
0 0 24 24- Keywords
- jsx iconcode iconsyntax iconprogramming icon
FAQ
- What does the JSX 02 icon represent?
- The icon visually represents JSX, a syntax extension for JavaScript often used in frameworks like React to describe UI elements.
- How do I use the Jsx02Icon in React?
- Import it using `import { Jsx02Icon } from '@hugeicons/core-free-icons';` and render it with `<HugeiconsIcon icon={Jsx02Icon} />`.
- What is the license for this icon?
- This icon is distributed under the MIT license, allowing for free use in both personal and commercial projects.
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 →