What does the highlight icon represent?

It represents a highlighter pen, used to draw attention to specific text or content.

How do I use this icon in React?

Import it using `import { IconHighlight } from '@tabler/icons-react';` and use it as a React component.

What is the license for this icon?

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

highlight icon

Tabler · highlight · MIT

The Tabler highlight icon visually represents a marker or highlighter, commonly used in UI to indicate selected text, important information, or areas for annotation.

Common uses

Highlighting selected text in an editor.
Indicating important search results.
Marking user-added annotations.

Use it in React

Install

npm i @tabler/icons-react

Import & render

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

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

Details

Library: Tabler (5,093 icons)
License: MIT
viewBox: 0 0 24 24
Category: Text
Keywords: markerimportanthighlighterpenhighlighttypographywritingfontcharacterwordtextannotation

FAQ

What does the highlight icon represent?: It represents a highlighter pen, used to draw attention to specific text or content.
How do I use this icon in React?: Import it using `import { IconHighlight } from '@tabler/icons-react';` and use it as a React component.
What is the license for this icon?: The Tabler icon library, including the highlight icon, is available under the MIT license.

Related icons

The same idea in other libraries, and near matches in 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 →