The Phosphor text h four icon depicts a large letter 'H' followed by the number '4', commonly used to represent a level 4 heading in text editing or design applications.
Common uses
- Heading style selection in rich text editors
- Label for H4 text formatting option
- Indicating hierarchical text structure in design tools
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { TextHFour } from '@phosphor-icons/react';
<TextHFour size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<TextHFour size={24} />thin
<TextHFour size={24} weight="thin" />light
<TextHFour size={24} weight="light" />bold
<TextHFour size={24} weight="bold" />fill
<TextHFour size={24} weight="fill" />duotone
<TextHFour size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- design
- Keywords
- *updated*headingh4typographyprintdesigneditortexthfourheading 4typography h4text heading
FAQ
- What does the text h four icon represent?
- It visually signifies a level 4 heading, a sub-heading within a document's structure.
- How do I use this icon in React?
- Import it using `import { TextHFour } from '@phosphor-icons/react'` and then use it as a React component.
- What is the license for this icon?
- The Phosphor icons, including text h four, are available under the MIT license.
Related icons
The same idea in other libraries, and near matches in Phosphor.