The HugeIcons text bold icon visually represents the action of making text bold, commonly used in text editing tools to emphasize or highlight specific words or phrases.
Common uses
- Bold text button in a rich text editor
- Formatting toolbar for document creation
- Emphasis option in a comment input field
Use it in React
Install
npm i @hugeicons/react @hugeicons/core-free-iconsImport & render
import { HugeiconsIcon } from '@hugeicons/react';
import { TextBoldIcon } from '@hugeicons/core-free-icons';
<HugeiconsIcon icon={TextBoldIcon} size={24} strokeWidth={1.5} />Details
- Library
- HugeIcons (5,121 icons)
- License
- MIT
- viewBox
0 0 24 24- Keywords
- boldtext formattingstrongemphasis
FAQ
- What does the text bold icon represent?
- It represents the action of applying bold formatting to text, making it appear thicker and more prominent.
- How do I use the TextBoldIcon in React?
- Import both HugeiconsIcon and TextBoldIcon, then render <HugeiconsIcon icon={TextBoldIcon} />.
- What is the license for this icon?
- The HugeIcons library, including the TextBoldIcon, 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 →