XP Bar Pixel Art Icon
A progress bar for experience points, level progress, loading states and completion meters.
Tags
experienceprogress barlevel
Style variants
Base, sharp, solid or glyph: see how the four styles differ and which to use.
This is a Pro icon.
Get it with all 5504 pixel art icons: every style, full SVG source, one-time license.
Whole team? Team Unlimited covers everyone.
About the XP Bar icon
A rounded bar that is partly filled, like the experience meter in role-playing games. Use it for XP progress toward the next level, a course completion meter, a profile completeness bar, or a loading state. It shows how far along something is. For the moment of reaching the next level, the level-up icon fits better.
Usage
<!-- HTML -->
<img src="pixelarticons/svg/xp-bar.svg" width="24" height="24" alt="XP Bar" />
<!-- React -->
import { XPBar } from 'pixelarticons/react'
<!-- Sizes: 24px, 48px, 72px, 96px (multiples of 24) -->
<img src="xp-bar.svg" width="48" height="48" style="image-rendering: pixelated" />
