Pixelarticons

Heading 1 Pixel Art Icon

An H1 icon for applying the top-level heading style in rich-text editors, document builders, and Markdown toolbars.

office Free 1 variant

Tags

heading

Style variants

base

Outline ยท rounded corners

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

About the Heading 1 icon

The letter H followed by 1, representing the most prominent heading in a document hierarchy. Place it in a rich-text toolbar for switching to a page title or top-level section, in a Markdown editor for the single-hash heading style, or in a CMS block palette. H1s are typically used once per page for SEO and accessibility reasons, so this icon sets the right expectation. For subordinate sections, heading-2 or heading-3 carry the hierarchy further.

Usage

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

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

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

Related icons