Game Icon Showcase
Beautiful SVG icons for Health, Mana, Defense, and Attack with multiple variants and animations.
Basic Icons
Health
Mana
Defense
Attack
Glowing Effect
Health Glow
Mana Glow
Defense Glow
Attack Glow
Animated Icons
Health Pulse
Mana Flow
Defense Shield
Attack Slash
Gradient Variant
Health Gradient
Mana Gradient
Defense Gradient
Attack Gradient
Size Variations
Small (24px)
Medium (48px)
Large (72px)
Usage in Game Stats
15
Health
10
Mana
5
Shield
8
Damage
Usage Examples
Basic Icon:
<GameIcon type="health" :size="24" /> Glowing Animated Icon:
<GameIcon type="mana" :size="48" :glow="true" :animated="true" /> Gradient Variant:
<GameIcon type="defense" :size="32" variant="gradient" :glow="true" /> Custom Color:
<GameIcon type="attack" :size="40" color="#FF6B6B" :glow="true" />