Feature Request: Duotone Font Awesome icons?

Beta
#1

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).

image
image2100×1572 291 KB

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.

image
image2100×1584 299 KB

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
#2

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

#3

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.

#4

Yeah it’s 6.7.2 according to the source code.

#5

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.

3 Likes
#6

Nice, thanks for considering implementing this.

#7

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

1 Like
#8

@Charlie any chance we could get the FontAwesome Pro update soon? (Even if duotones wait a bit more)

#9

I’ll make sure we update to Font Awesome 7 in Pro 6.9. Have a great day.

3 Likes
#10

Would it be relatively easy to implement support for FontAwesome’s icon animations, or upgrade the effects controls with better animation capabilities? Currently we still need custom CSS.

https://docs.fontawesome.com/web/style/animate

1 Like
#11

While this is cool. I do envision Cornerstone having a more holistic approach to animation where it could create, timeline, and do wonderful things. There is a new feature coming to Pro 6.9.0 around adding in Custom Style sheets easily. With that you could easily add these custom animation classes to your icons I think. I’ll take another look at this after our next major release.

#12

@charlie I know full duotone support would mean hooking up multiple colors and transparencies - but when you get in there for the next FA update, want to just try enabling Duotone with a single color and see how it looks?

The way they handle colors makes me think even just giving a single color control could look pretty nice out of the box. (The secondary color does something like 40% transparency by default if a second color isn’t set)

Might be a nice upgrade on the way to richer controls.