Diamond Pixel Art Icon
A diamond shape icon for premium badges, warning indicators, gem motifs, shape pickers and design primitives.
Style variants
Base, sharp, solid or glyph: see how the four styles differ and which to use.
About the Diamond icon
A four-pointed diamond or rhombus with multiple interface meanings: a premium or gem symbol in loyalty programs, a caution badge in some systems, a decision node in flowcharts, or a geometric primitive in a design tool. Context determines which reading dominates, so pair it with a color or label when ambiguity is possible. For playing-card suits, a filled red diamond is conventional; for flowchart decision nodes, a yellow or white outline form is standard.
Usage
<!-- HTML -->
<img src="pixelarticons/svg/diamond.svg" width="24" height="24" alt="Diamond" />
<!-- React -->
import { Diamond } from 'pixelarticons/react'
<!-- Sizes: 24px, 48px, 72px, 96px (multiples of 24) -->
<img src="diamond.svg" width="48" height="48" style="image-rendering: pixelated" />