Triangle Pixel Art Icon
A triangle shape icon for geometry tools, warning symbols, play buttons, and directional indicators in UI and data viz.
Style variants
Base, sharp, solid or glyph: see how the four styles differ and which to use.
About the Triangle icon
Three sides meeting at a point, one of the most overloaded shapes in interface design. Pointing up it signals sort or expand; pointing right it becomes a play button; in yellow or red it warns. In geometry and drawing tools it is simply the triangle primitive. Its meaning shifts so much with orientation and color that pairing it with a label is usually wise when the intent is not immediately obvious from surrounding context.
Usage
<!-- HTML -->
<img src="pixelarticons/svg/triangle.svg" width="24" height="24" alt="Triangle" />
<!-- React -->
import { Triangle } from 'pixelarticons/react'
<!-- Sizes: 24px, 48px, 72px, 96px (multiples of 24) -->
<img src="triangle.svg" width="48" height="48" style="image-rendering: pixelated" />