Currently, the React Icons library supports duotone icons, but there is a limitation when it comes to customizing the colors of each layer individually. This restricts users from applying distinct colors to the duotone icons, limiting their flexibility in design.
Solution
I propose an enhancement to the React Icons library that allows users to pass two distinct colors to the duotone icons. This could be achieved by extending the current API to accept an array of colors or by introducing specific props for each layer's color. For example:
This feature enhancement will provide developers with greater control over the visual presentation of duotone icons, enabling more creative and diverse design choices within React applications.
Describe
Currently, the React Icons library supports duotone icons, but there is a limitation when it comes to customizing the colors of each layer individually. This restricts users from applying distinct colors to the duotone icons, limiting their flexibility in design.
Solution
I propose an enhancement to the React Icons library that allows users to pass two distinct colors to the duotone icons. This could be achieved by extending the current API to accept an array of colors or by introducing specific props for each layer's color. For example:
<PiHandWavingDuotone strokeColor="#FF5733" fillColor="#33FF57" />Minimal sample repository URL
No response
Additional context
This feature enhancement will provide developers with greater control over the visual presentation of duotone icons, enabling more creative and diverse design choices within React applications.