Title here
Summary here
Favicon Generator
Every website needs a favicon — that small icon in browser tabs and bookmarks. Instead of opening design software, this module lets you create one directly in WordPress using letters, emojis, icons, or upload your own.
Use Cases
- Create a quick favicon with your brand initials
- Use an emoji that represents your site
- Generate a simple icon without design tools
- Upload an existing icon and let WordPress handle sizes
Favicon Options
Text/Letter Mode
Create a favicon from text:
- Single letter or short text (1-3 characters work best)
- Choose background color
- Choose text color
- Select font style
Example: “A” for Acme Corp, “WP” for WordPress site
Emoji Mode
Use any emoji as your favicon:
- Paste or select an emoji
- Choose background color (or transparent)
- Emoji scales to fit
Example: 🚀, 📚, 🎨
Upload Mode
Use your own icon:
- Click Upload Icon
- Select an image (PNG recommended)
- Module handles cropping and sizing
- SVG uploads supported with sanitization
Customization
Colors
| Setting | Description |
|---|---|
| Background Color | Solid color behind icon |
| Text/Icon Color | Color of letter or icon |
| Transparent | No background (PNG only) |
Shape
| Shape | Description |
|---|---|
| Square | Standard square icon |
| Rounded | Softened corners |
| Circle | Fully circular |
Size
The module generates all required sizes:
- 16×16 — Browser tab icon
- 32×32 — Task bar, bookmarks
- 180×180 — Apple touch icon
- 192×192 — Android home screen
- 512×512 — PWA splash screen
Preview
Live preview shows how your favicon will look:
- Browser tab preview
- Bookmark bar preview
- Mobile home screen preview
Technical Details
Generated Files
Favicons are saved to:
wp-content/uploads/switchboard-favicons/Multiple sizes are generated automatically.
SVG Support
SVG uploads are sanitized for security:
- Removes JavaScript
- Strips external references
- Validates XML structure
- Removes potentially dangerous elements
Priority
This module’s favicon takes priority over:
- Theme favicon settings
- WordPress Site Icon (Customizer)
- Default WordPress icon
To use a different favicon, disable this module.
FAQ
Will this override my theme’s favicon?
Yes. This module outputs favicon tags early in the head section, taking priority over most theme implementations.What format is best for uploads?
PNG with transparency is ideal. SVG works for scalable icons. JPG works but doesn’t support transparency.Why doesn’t my emoji show correctly?
Emoji rendering depends on the system viewing it. The module converts emojis to images, but very new emojis may not render on all systems.Can I use multiple colors?
With the built-in generator, you get background + foreground color. For multi-color icons, upload a custom image.How do I remove the favicon?
Disable the module. WordPress’s default behavior (or theme favicon) will take over.For professional branding, a simple letter or icon on a solid brand color background often works better than complex designs at favicon size.
PRO
Upgrade to Pro
Get access to all 166 modules with a single license
Prev
Maintenance ModeNext
Simple Backups