Question 1

How do I use this icon in React, Vue, or Svelte?

Accepted Answer

Copy ready-to-use component code for React, Vue, Svelte, or raw SVG

Question 2

How do I download this icon in different formats?

Accepted Answer

Download the icon in SVG, PNG, WebP, JPEG, or ICO formats

Question 3

What is the license for this icon?

Accepted Answer

This icon is licensed under ISC

Question 4

Where is this icon commonly used?

Accepted Answer

In word processors like Microsoft Word and Google Docs, users encounter this icon for applying underline formatting to selected text. Rich text editors implement it for text emphasis controls, while email composition tools display it for message formatting and text decoration during content creation and document editing.

Question 5

What does this icon communicate to users?

Accepted Answer

From a typography perspective, the underline symbol communicates text emphasis, representing the traditional text decoration that highlights important content and creates visual hierarchy in written documents. This classic formatting icon helps users identify text decoration options.

Question 6

How do I implement this icon?

Accepted Answer

This icon works naturally in text formatting toolbars and rich text editor controls where it represents underline text formatting. Position it within shadcn/ui's Toggle components for underline state or Button components in formatting toolbars. The underlined 'U' should convey text decoration when used in editor and document applications.

Underline Icon

Install with shadcn CLI

Frequently Asked Questions

Similar Icons