Pixelarticons

Heading Pixel Art Icon

An H icon for toggling a heading style in rich-text editors, Markdown toolbars, and document structure controls.

office Free 1 variant

Style variants

base

Outline ยท rounded corners

Base, sharp, solid or glyph: see how the four styles differ and which to use.

About the Heading icon

The letter H, the familiar shorthand for a heading or header style in document editing. Use it on a 'Heading' button in a rich-text or Markdown editor toolbar, a document structure panel that lists headings for navigation, or a page-builder block type selector. When a specific heading level is needed, heading-1 through heading-6 are more precise. The plain heading icon works well as a general 'heading' toggle when only one level is supported or when the level is chosen elsewhere.

Usage

<!-- HTML -->
<img src="pixelarticons/svg/heading.svg" width="24" height="24" alt="Heading" />

<!-- React -->
import { Heading } from 'pixelarticons/react'

<!-- Sizes: 24px, 48px, 72px, 96px (multiples of 24) -->
<img src="heading.svg" width="48" height="48" style="image-rendering: pixelated" />

Related icons