Font Mode

Font Mode enables you to create typography-based app icons using text as the primary visual element. With access to over 2,000 Google Fonts, you can craft unique text-based icons that stand out.

Font Library

Google Fonts Integration

Iconfast provides access to the complete Google Fonts catalog, including:

• Serif: Classic fonts with decorative strokes
• Sans-Serif: Clean, modern fonts
• Display: Decorative fonts for headlines
• Handwriting: Script and cursive styles
• Monospace: Fixed-width technical fonts

Font Discovery

Search & Filter

• Name Search: Find fonts by name
• Category Filter: Filter by font classification
• Language Filter: Find fonts supporting specific scripts

Expressive Filters

Discover fonts by mood and personality:

Seasonal Fonts

Special collections for holidays and events:

• Halloween
• Christmas
• Diwali
• And more seasonal themes

Text Customization

Text Input

• Enter any text: letters, numbers, symbols
• Single characters work great for app icons
• Short abbreviations (2-3 letters) are effective

Typography Settings

Text Color

• Solid Color: Any color via color picker
• HSVA Controls: Fine-tune color values
• Hex Input: Precise color codes

Text Shadow

Add depth to your text:

• Multiple Layers: Stack shadow effects
• Offset X/Y: Shadow position
• Blur: Shadow softness
• Color: Shadow color with opacity

Background Options

Solid Background

Choose any color for a clean background.

Gradient Background

Create eye-catching backgrounds:

Gradient Controls:

• Multiple color stops
• Angle adjustment for linear gradients
• Position control for radial gradients

Border Settings

Border Radius

Adjust corner roundness:

• 0%: Sharp corners
• 25%: Subtle rounding
• 50%: Fully circular (for square icons)

Border Stroke

• Width: 0 - 20 px
• Color: Solid or gradient

Multi-Language Support

Iconfast supports fonts for many scripts and languages:

• Latin (English, Spanish, French, etc.)
• Cyrillic (Russian, Ukrainian, etc.)
• Greek
• Arabic
• Hebrew
• Chinese (Simplified & Traditional)
• Japanese
• Korean
• Thai
• Vietnamese
• And many more

Use the language filter to find fonts that support your target script.

Design Tips

Single Letter Icons

1. Choose Bold Fonts: Thin fonts may not be visible at small sizes
2. Use Uppercase: More recognizable at small scales
3. Center Carefully: Adjust offsets for optical centering

Abbreviation Icons

1. Limit to 2-3 Characters: Keep it readable
2. Consider Kerning: Some font pairs may need position adjustment
3. Match Brand Style: Use fonts consistent with your brand

Best Font Choices

Examples

Monogram Style

• Single uppercase letter
• Elegant serif font
• Solid dark background
• Minimal shadow

Bold Branding

• 2-3 letter abbreviation
• Heavy sans-serif font
• Vibrant gradient background
• Subtle drop shadow

Playful Design

• Fun character or emoji
• Decorative display font
• Colorful gradient
• Multiple text shadows