Game Icon Component Demo

A flexible component for displaying Game Icons with scaling, centering, and button functionality.

Icon Controls

Customize the icon display

Select Icon

Icon Size

Icon Color

Basic Icon Display

Centered icon with custom size and color

Button Icon

Icon as a clickable button

Size Comparison

All available sizes (2x to 9x)

Button Variants

Different button styles

Popular Game Icons

Click any icon to select it

Showing 18 available icons out of 4040 total Game Icons

Usage Examples

Code examples for different use cases

<GameIcon iconName="GiShield" size={4} color="#3b82f6" />

<GameIcon 
  iconName="GiBrain" 
  size={5} 
  asButton 
  onClick={() => console.log('clicked')}
  variant="outline"
>
  Click me!
</GameIcon>

<GameIcon 
  iconName="GiLightningBolt" 
  size={9} 
  className="text-yellow-500 hover:text-yellow-400" 
/>