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

[bug] The colour of filled-icons cannot be changed. #750

Open
santorial opened this issue Aug 3, 2023 · 3 comments
Open

[bug] The colour of filled-icons cannot be changed. #750

santorial opened this issue Aug 3, 2023 · 3 comments
Assignees
Labels
bug Something isn't working important Should be resolved ASAP

Comments

@santorial
Copy link

The colour of the IconLockSquareRoundedFilled icon cannot be changed with the property color or fill.

With unfilled icons it is possible to change color.

Won't work:
<IconLockSquareRoundedFilled color="red" />
<IconLockSquareRoundedFilled fill="red" />

Work:
<IconLockSquareRounded color="red" />

@santorial santorial changed the title The colour of filled-icons cannot be changed. [bug] The colour of filled-icons cannot be changed. Aug 3, 2023
@BG-Software-BG BG-Software-BG added bug Something isn't working important Should be resolved ASAP labels Dec 8, 2023
@isnifer
Copy link

isnifer commented Feb 4, 2024

Hey, half a year since this issue. The problem still exists

@Makman2
Copy link

Makman2 commented Feb 19, 2024

I found that the reason is that all* filled variation icons manually define fill="currentColor" on the path itself instead of inheriting the properties from the SVG.

* all = did not really check them all, but at least a few.

@mekutluca
Copy link

Current workaround

<div style="color: red;"><IconStarFilled /></div>

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working important Should be resolved ASAP
Projects
None yet
Development

No branches or pull requests

6 participants