Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Feature]: Set different colors for DuoTone Icons #887

Open
AlpayC opened this issue Jan 2, 2024 · 0 comments
Open

[Feature]: Set different colors for DuoTone Icons #887

AlpayC opened this issue Jan 2, 2024 · 0 comments

Comments

@AlpayC
Copy link

AlpayC commented Jan 2, 2024

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.

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

No branches or pull requests

2 participants