Percent Pixel Art Icon
A percent sign icon for discount labels, tax rates, interest fields, and statistical percentage displays.
Style variants
Base, sharp, solid or glyph: see how the four styles differ and which to use.
About the Percent icon
The percent symbol, essential for communicating proportions and rates across finance, e-commerce, and analytics interfaces. Use it as a suffix in discount badge text, an icon beside a tax rate input, a label for interest rate fields in loan calculators, or a column header in a statistics table. Because it is mathematical and neutral, it reads well in both promotional and data contexts. Pairing it with a dollar or euro icon in currency-percent toggles helps users switch between display formats.
Usage
<!-- HTML -->
<img src="pixelarticons/svg/percent.svg" width="24" height="24" alt="Percent" />
<!-- React -->
import { Percent } from 'pixelarticons/react'
<!-- Sizes: 24px, 48px, 72px, 96px (multiples of 24) -->
<img src="percent.svg" width="48" height="48" style="image-rendering: pixelated" />