Skip to content

bug: Dots in icons missing fill="currentColor" attribute #1420

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

Closed
andrewzn69 opened this issue Nov 26, 2024 · 2 comments
Closed

bug: Dots in icons missing fill="currentColor" attribute #1420

andrewzn69 opened this issue Nov 26, 2024 · 2 comments
Labels
triage New issues

Comments

@andrewzn69
Copy link

andrewzn69 commented Nov 26, 2024

Current Behavior

The dots in icons like information-circle-outline.svg have a black color by default and cannot be changed with CSS or any other method. The only way to fix this is by adding fill="currentColor" to the dot <path/> in SVG.

1732667659

Expected Behavior

The dots in icons should inherit the color using fill="currentColor" so that they can be styled with CSS.

1732667720

Steps to Reproduce

  1. Use icons like information-circle-outline.svg or warning-outline.svg in a project.
  2. Attempt to change the color of the icon using CSS.
  3. Observe that the dots remain black and do not inherit the color from the parent element.

Code Reproduction URL

No response

Additional Information

No response

@andrewzn69 andrewzn69 added the triage New issues label Nov 26, 2024
@blakegearin
Copy link

Another one: bowling-ball-outline

christian-bromann added a commit to christian-bromann/ionicons that referenced this issue Apr 16, 2025
@christian-bromann
Copy link
Member

Fixed in #1447

christian-bromann added a commit to christian-bromann/ionicons that referenced this issue Apr 21, 2025
christian-bromann added a commit to christian-bromann/ionicons that referenced this issue Apr 25, 2025
christian-bromann added a commit that referenced this issue May 2, 2025
* chore: update project dependencies

* remove lerna

* update build

* plugin fixes

* Icons do not display when the svg is loaded from a file:// URL in Safari

fixes #1298

* Update path fill in warning-outline.svg exclamation mark

* set currentColor - fixes #1420

* add bell tag to notifications icon - fixes #1090

* add sliders and filters tags to option icon - fixes #1060

* add loveseat tag to bed icon - closes #503

* add contacts tag to people-circle
closes #779

* fix data.json

* update data.json

* set up prettier

* fix contributing link

* prettier after rebase

* add missing rimraf

* add more comments

* run prettier as part of the build

* set module resolution to bundle

* consolidate contributing guidelines and coc as part of the root directory

* fix link

* copy svg into www

* cut me some visual slack

* Update readme.md

Co-authored-by: Brandy Smith <[email protected]>

* Update package.json

Co-authored-by: Maria Hutt <[email protected]>

* Update CONTRIBUTING.md

Co-authored-by: Maria Hutt <[email protected]>

* remove generating collections

* ensure all directories exist

* only define snapshot tolerance in config

* update dependencies

* Update src/components/icon/request.ts

Co-authored-by: Brandy Smith <[email protected]>

* Update src/components/icon/request.ts

Co-authored-by: Brandy Smith <[email protected]>

* Update src/components/icon/request.ts

Co-authored-by: Brandy Smith <[email protected]>

* Update src/components/icon/request.ts

Co-authored-by: Brandy Smith <[email protected]>

* prettier

* update release pipeline

* fix exports

* recommend to use esm.sh as cdn

---------

Co-authored-by: Brandy Smith <[email protected]>
Co-authored-by: Maria Hutt <[email protected]>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
triage New issues
Projects
None yet
Development

No branches or pull requests

3 participants