Underline Pixel Art Icon
A classic underline formatting icon for rich-text toolbars, text style controls and keyboard shortcut indicators for Ctrl+U.
Style variants
Base, sharp, solid or glyph: see how the four styles differ and which to use.
About the Underline icon
The letter U with a horizontal rule beneath it, the universal symbol for underlining text. Every rich-text toolbar includes it, and users expect it as the third item after bold and italic. Apply it to a formatting button, a 'Text style' dropdown, or a keyboard shortcut hint for Ctrl+U. Underline is conventionally associated with hyperlinks on the web, so use a label or tooltip to clarify when you mean decorative underlining rather than a linked element.
Usage
<!-- HTML -->
<img src="pixelarticons/svg/underline.svg" width="24" height="24" alt="Underline" />
<!-- React -->
import { Underline } from 'pixelarticons/react'
<!-- Sizes: 24px, 48px, 72px, 96px (multiples of 24) -->
<img src="underline.svg" width="48" height="48" style="image-rendering: pixelated" />