What does the bold icon represent?

The icon represents the action of making text bold, which increases its weight and prominence.

How do I use the bold icon in React?

You can import and use it like this: import { IconBold } from '@tabler/icons-react'. Then render it as .

What is the license for the Tabler bold icon?

The Tabler icons, including the bold icon, are distributed under the MIT license.

bold icon

Tabler · bold · MIT

The Tabler bold icon depicts a capital letter 'B' and is typically used in rich text editors or formatting toolbars to indicate the option to apply bold styling to text.

Common uses

Apply bold formatting in a WYSIWYG editor.
Toggle bold text in a markdown editor toolbar.
Indicate bolded text in a document formatting menu.

Use it in React

Install

npm i @tabler/icons-react

Import & render

import { IconBold } from '@tabler/icons-react';

<IconBold size={24} stroke={2} />

Details

Library: Tabler (5,093 icons)
License: MIT
viewBox: 0 0 24 24
Category: Text
Keywords: fontstyleboldfaceboldtypographywritingcharacterwordtexttext boldfont weightstrong texttypeface

FAQ

What does the bold icon represent?: The icon represents the action of making text bold, which increases its weight and prominence.
How do I use the bold icon in React?: You can import and use it like this: import { IconBold } from '@tabler/icons-react'. Then render it as <IconBold />.
What is the license for the Tabler bold icon?: The Tabler icons, including the bold icon, are distributed under the MIT license.

Related icons

The same idea in other libraries, and near matches in Tabler.

lucide heroicons tabler

Looking for something else? Search Tabler 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 →