feathericons / feathericons/feather
Globe icon / Missing segment when overriding fill color
- Dominant language
- JavaScript
- Stars
- 26k
- Forks
- 1.3k
- PR merge metrics
- No merged PRs in 30d
Description
## Prerequisites
Version: react-feather-2.0.8
Running from: Import using webpack
Operating system: Mac OSX
Bits: 64 bits
## Step to reproduce
- Import `` react component
- override fill with css style in stylesheet, e.g. `fill: #CDD`
- Add to a React component/view
- Run the react app
### Expected Behaviour:
- all segments in globe icon are displayed above the selected fill color
### Actual behavior:
- the central segment in globe icon disappears
## Any message or error
No console output
## Resources
- unstyled icon 
- fill-styled icon 
Contributor guide
Research direction
The issue identifies the imported React component as the entry point; start by locating its SVG definition and reproducing the CSS fill override in a webpack app. Done means every globe segment remains visible when the component receives the stylesheet fill, with the existing unstyled appearance preserved.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript, react
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 2/5
- Estimated time
- 1-3 hours
- Activity status
- Stale
- Clarity
- Clearly specified
- Newbie friendliness
- 50/100