Hexagon Pixel Art Icon
A hexagon shape icon for geometry tools, data visualizations, badge designs, and shape-picker palettes.
Style variants
Base, sharp, solid or glyph: see how the four styles differ and which to use.
About the Hexagon icon
Six equal sides arranged in the most compact regular polygon. Hexagons appear in geometry editors, infographic shape pickers, status badges, and technology branding (networks, honeycombs, data science). Use it in a shape library panel, a category badge, or wherever a structured, technical aesthetic is needed. For a stop-sign connotation, the octagon reads more naturally; for a softer shape, reach for the circle.
Usage
<!-- HTML -->
<img src="pixelarticons/svg/hexagon.svg" width="24" height="24" alt="Hexagon" />
<!-- React -->
import { Hexagon } from 'pixelarticons/react'
<!-- Sizes: 24px, 48px, 72px, 96px (multiples of 24) -->
<img src="hexagon.svg" width="48" height="48" style="image-rendering: pixelated" />