Feature Request: Duotone Font Awesome icons?

Hi @Charlie,

I know Duotone comes up from time to time, but I wanted to ask if it might sneak onto the roadmap soon?

I realize full support would mean updating the icon controls to handle two colors (plus opacity for each). But a quick win might be just enabling the icons with the current single-color control – as Font Awesome handles this gracefully, with both layers inheriting the same color but at different opacities (primary at 100%, secondary at 40% by default).

I noticed the duotone.php config already exists, and there’s a mapping in FontAwesome.php . It just looks like the main gaps are wiring up the enable option in config() , bundling the font files, and adding the CSS rules (he says, recognizing it’s probably more complicated).

Anyway, the dual-color controls could always come in a future release, but even the basic implementation would be a nice addition now. Here’s a link to the example icon from my screenshot, just for reference.

I imagine file size might be a concern, but since the other families are already opt-in, duotone could follow the same pattern. And if SVG mode is tricky to support initially, webfont-only would still be a win.

Thanks for considering!

2 Likes

Duotone icons would be really cool. What version of FontAwesome is shipped with Pro right now?

I vaguely remember we’re on 6.something… I was just looking at 7.2 yesterday, and there are some awesome new styles in there now too. Would be lovely to get an update for those as well.

Yeah it’s 6.7.2 according to the source code.

Duotones would need a full blown UI similar to Gradients to get it right. It would be really cool though. The webfonts are slightly larger then the other types, but it’s negligible. I would make sure we supported SVGs when we do this feature. I’ll keep it mind after Pro 6.8. Have a great day.

2 Likes

Nice, thanks for considering implementing this.

Hey @charlie, may we please get an updated version of FontAwesome Pro?

1 Like