Skip to content

Add Font Awesome Icon Pack#333

Merged
mathewtaylor merged 4 commits into
blazorblueprintui:developfrom
djb-fnz:feature/fontawesome-icons
May 28, 2026
Merged

Add Font Awesome Icon Pack#333
mathewtaylor merged 4 commits into
blazorblueprintui:developfrom
djb-fnz:feature/fontawesome-icons

Conversation

@djb-fnz
Copy link
Copy Markdown
Contributor

@djb-fnz djb-fnz commented May 21, 2026

Description

Added Font Awesome as an additional icon pack.

A designer at work was using Font Awesome in one of the Figma designs we are building out using Blazor Blueprint. Rather than change to Lucide, I have decided to add support for Font Awesome as an additional Blazor Blueprint package.

This uses the same structure and guidelines as the existing icon packs and uses external json data (fa6-solid.json, fa6-regular.json and fa6-brands.json) together with a PowerShell script to convert the icon data into an inline dictionary for each variant.

  • Added new assembly BlazorBlueprint.Icons.FontAwesome.
  • Added 'Font Awesome' demo page showcasing all 3 variants with icon search functionality. Added examples for different variants, custom sizing, custom colors and usage within buttons.
  • Updated demo sidebar to add 'Font Awesome' sidebar item under 'Icons'.

Type of Change

  • Bug fix (non-breaking change that fixes an issue)
  • New feature (non-breaking change that adds functionality)
  • Breaking change (fix or feature that would cause existing functionality to change)
  • Documentation update
  • Refactoring (no functional changes)

Testing Checklist

  • Blazor Server
  • Blazor WebAssembly
  • Blazor Hybrid (MAUI)
  • Keyboard navigation / accessibility
  • Dark mode

Notes

  • I added myself as the author and co-copyright within BlazorBlueprint.Icons.FontAwesome. If you want to do this differently please let me know and I can update.

  • Font Awesome could be considered the most popular font icon pack for web development given it's larger amount of icons. It may be better to place this first in the sidebar and icon index page.

Screenshots

image image image image image

@djb-fnz djb-fnz changed the base branch from main to develop May 21, 2026 00:19
djb-fnz and others added 2 commits May 21, 2026 01:24
…ackage README

- Root README: add FontAwesome to install commands, icon table, and credits
- CommandSearch.razor: add Font Awesome group to the demo command palette
- Icons.FontAwesome/README.md: flesh out to parity with Heroicons (Component API
  table, Variant Guidelines, Styling, Accessibility, Performance, Browser Support,
  Links, Contributing sections)
@mathewtaylor mathewtaylor merged commit e52ab9d into blazorblueprintui:develop May 28, 2026
@djb-fnz djb-fnz deleted the feature/fontawesome-icons branch May 28, 2026 02:28
@mathewtaylor
Copy link
Copy Markdown
Contributor

@djb-fnz thanks for the contribution :)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants