The Phosphor text subscript icon visually represents text positioned slightly below the baseline, commonly used in editors for mathematical notation, chemical formulas, or other specialized text formatting.
Common uses
- Formatting chemical formulas (e.g., H2O)
- Indicating exponents or powers in mathematical expressions
- Applying specialized text styles in rich text editors
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { TextSubscript } from '@phosphor-icons/react';
<TextSubscript size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<TextSubscript size={24} />thin
<TextSubscript size={24} weight="thin" />light
<TextSubscript size={24} weight="light" />bold
<TextSubscript size={24} weight="bold" />fill
<TextSubscript size={24} weight="fill" />duotone
<TextSubscript size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- design
- Keywords
- *new*typographyfontformattingmathematicspowerexponentcalculatordesigneditorfinancestextsubscripttext formattingmath notationfont style
FAQ
- What is the text subscript icon used for?
- It's used to denote characters or symbols that are smaller and positioned below the normal line of text, often seen in scientific notation or mathematical formulas.
- How do I use the text subscript icon in React?
- You can import and use it like this: import { TextSubscript } from '@phosphor-icons/react'. Then, render it as a React component: <TextSubscript />.
- What is the license for Phosphor icons?
- Phosphor icons are distributed under the MIT license, which allows for free use in both personal and commercial projects.
Related icons
The same idea in other libraries, and near matches in Phosphor.
Looking for something else? Search Phosphor 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 →