Swapping Layer Opacity of Duotone Icons

[timh1004]

It would be great if you could swap the layer opacity of duotone icons just like in the web component: https://fontawesome.com/how-to-use/on-the-web/styling/duotone-icons

[joeyscarim]

Not ideal, but this is achievable by setting the secondary opacity to 1, secondary color to your icon color, and (primary) color to an rgba value with an opacity of .4:

<FontAwesomeIcon
 icon={icon}
 size={22}
 secondaryColor="#fff"
 secondaryOpacity={1}
 color={'rgba(255, 255, 255, .4)'}
/>