Ampersand Pixel Art Icon
An ampersand symbol icon for conjunction labels, brand logos, typographic tools, and 'and' operators in interfaces.
Style variants
base
Outline · rounded corners
sharp
Outline · sharp corners
Base, sharp, solid or glyph: see how the four styles differ and which to use.
About the Ampersand icon
The '&' character as a standalone icon, most useful in typography tools, brand identity editors, and any UI that needs to represent a conjunction or pairing without a full text label. It appears in font selection panels, logic-builder interfaces where conditions are joined by 'and', and decorative typographic elements. Because it reads literally as a character, a surrounding context (like a text editor toolbar) helps users understand its function rather than treating it as an abstract symbol.
Usage
<!-- HTML -->
<img src="pixelarticons/svg/ampersand.svg" width="24" height="24" alt="Ampersand" />
<!-- React -->
import { Ampersand } from 'pixelarticons/react'
<!-- Sizes: 24px, 48px, 72px, 96px (multiples of 24) -->
<img src="ampersand.svg" width="48" height="48" style="image-rendering: pixelated" />