What does the text color icon represent?

It represents the functionality to change the color of selected text or characters within a document or input field.

How do I use this icon in React?

You can import and use it like this: import { IconTextColor } from '@tabler/icons-react';

What is the license for this icon?

The Tabler icon library, including this icon, is available under the MIT license.

text color icon

Tabler · text-color · MIT

The Tabler text color icon depicts a capital letter 'A' with a color swatch below it, commonly used in rich text editors to indicate the ability to change the font color.

Common uses

Rich text editor toolbar
Document formatting options
Text style settings panel

Use it in React

Install

npm i @tabler/icons-react

Import & render

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

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

Details

Library: Tabler (5,093 icons)
License: MIT
viewBox: 0 0 24 24
Category: Text
Keywords: formatdocumentfileedittextcolortypographywritingfontcharacterfont colortext highlightcharacter colorcolor picker

FAQ

What does the text color icon represent?: It represents the functionality to change the color of selected text or characters within a document or input field.
How do I use this icon in React?: You can import and use it like this: import { IconTextColor } from '@tabler/icons-react'; <IconTextColor />
What is the license for this icon?: The Tabler icon library, including this icon, is available under the MIT license.

Related icons

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

hugeicons tabler tabler tabler tabler tabler tabler tabler tabler tabler tabler 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 →