Underline Box Pixel Art Icon
An underline formatting icon enclosed in a box, for boxed toolbar buttons applying underline style in editors and design tools.
Tags
underlineboxpackagecontainer
Style variants
Base, sharp, solid or glyph: see how the four styles differ and which to use.
About the Underline Box icon
The classic underline U-with-rule contained inside a square border, making it a boxed formatting button. Use it in toolbars where each text-style control sits in its own bordered tile, a layout common in design applications and some email editors. The box visually groups the control and helps it read as a tappable button on touch surfaces. For floating toolbars where controls appear without borders, the plain underline icon is the lighter-weight choice.
Usage
<!-- HTML -->
<img src="pixelarticons/svg/underline-box.svg" width="24" height="24" alt="Underline Box" />
<!-- React -->
import { UnderlineBox } from 'pixelarticons/react'
<!-- Sizes: 24px, 48px, 72px, 96px (multiples of 24) -->
<img src="underline-box.svg" width="48" height="48" style="image-rendering: pixelated" />