Font Awesome for Phaser

Bring thousands of Font Awesome icons to your Phaser games with ease!

Welcome to Font Awesome for Phaser

A TypeScript-first library that seamlessly integrates Font Awesome icons into your Phaser 3 game development workflow. Use thousands of professional icons with full customization options.

Easy to Use

Simple and straightforward integration with Phaser 3 - get started in minutes.

Fully Customizable

Configure colors, sizes, and styles of icons with ease. Full TypeScript support.

Performance Optimized

Lightweight and optimized for game development performance.

Open Source

Free to use and open source. Contribute on GitHub!

TypeScript Support

Full TypeScript support.

Key Features

Built for Phaser 3 - Native integration with Phaser game objects
Thousands of Icons - Access to the entire Font Awesome library
TypeScript Support - Full type definitions included
Multiple Styles - Solid, Regular, and Brands icon styles
Flexible Setup - Use CDN or self-hosted fonts
Ready-to-use Components - Pre-built components like IconText

Quick Example

import { loadFont, IconText } from 'font-awesome-for-phaser';

// Load Font Awesome before starting your game
await loadFont();

// In your Phaser scene
const icon = new IconText(this, 100, 100, 'gamepad', 64, {
  color: '#0066cc',
  iconStyle: 'solid',
});
this.add.existing(icon);