Pixelarticons

Sitemap Pixel Art Icon

A sitemap icon for website structure diagrams, navigation architecture, content hierarchy views and site-planning tools.

devices Pro 4 variants

Style variants

base

Outline · rounded corners

Get Pro

sharp

Outline · sharp corners

Get Pro

glyph

Filled · sharp corners

Get Pro

solid

Filled · rounded corners

Get Pro

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

About the Sitemap icon

A tree of connected boxes representing a site's page hierarchy. It appears in site-planning tools, content management navigation, information-architecture diagrams, and SEO dashboards that visualize page structure. Use it to label a 'Sitemap' section in an admin panel, a 'Site structure' report in an analytics tool, or a 'View sitemap' link in a website footer. For a process or workflow diagram rather than a content tree, a flowchart or chart-gantt icon is more precise.

Usage

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

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

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

Related icons