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.

Sign up for GitHub

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

Jump to bottom

[Bug]: Feather icon set seems buggy, many icons are filled with black color #1713

Open
ankit-makwana opened this issue Feb 19, 2025 · 1 comment · May be fixed by #1714
Open

[Bug]: Feather icon set seems buggy, many icons are filled with black color #1713

ankit-makwana opened this issue Feb 19, 2025 · 1 comment · May be fixed by #1714
Labels
bug

Comments

@ankit-makwana
Copy link

Which package are you using?

@react-native-vector-icons/*

What platform(s) does this occur on?

Android, iOS

What happened?

I'm able to see the icons on android and ios device but, Many icons are filled with black color. For example: award, briefcase, calendar, share-2, zap and many more. I think there is issue with the latest Feather.ttf file.

Versions:
"react-native": "0.77.0",
"@react-native-vector-icons/common": "^11.0.0",
"@react-native-vector-icons/feather": "^4.29.2"

Check below screenshot:

Image

Relevant log output



Minimal reproducible example


No response


Your computer environment


System:
  OS: macOS 15.3
  CPU: (8) arm64 Apple M2
  Shell:
    version: "5.9"
    path: /bin/zsh
Binaries:
  Node:
    version: 23.7.0
  Yarn: Not Found
  npm:
    version: 10.9.2
  Watchman: Not Found
Managers:
  CocoaPods:
    version: 1.16.2
SDKs:
  iOS SDK:
    Platforms:
      - DriverKit 24.0
      - iOS 18.0
      - macOS 15.0
      - tvOS 18.0
      - visionOS 2.0
      - watchOS 11.0
  Android SDK: Not Found
IDEs:
  Android Studio: 2024.2 AI-242.23726.103.2422.12816248
  Xcode:
    version: 16.0/16A242d
Languages:
  Java:
    version: 17.0.14
  Ruby:
    version: 2.7.5
npmPackages:
  "@react-native-community/cli":
    installed: 15.0.1
    wanted: 15.0.1
  react:
    installed: 18.3.1
    wanted: 18.3.1
  react-native:
    installed: 0.77.0
    wanted: 0.77.0
  react-native-macos: Not Found
npmGlobalPackages:
  "*react-native*": Not Found
Android:
  hermesEnabled: true
  newArchEnabled: true
iOS:
  hermesEnabled: true
  newArchEnabled: true


      		
    

      
  





        



            

              
            

        

      


      
    








      

    



      

  
            







      

  
      



  

  @marcshilling





  


    

      

  

    

        
    
    

  


      
          
  
      
            Copy link

  

      
    

  


  

      



      

  


  

    

      

      
            marcshilling
  

      

      

      commented


        Feb 20, 2025


      
  •

  

    
      

        
          edited
          
        
        
      

    
    
      
        
      Loading

      
    
  



    


  





      


        


  
    

      
          
It seems like this same bug was fixed back in [email protected] but has now regressed when using @react-native-vector-icons/feather #1311

      		
    

  





        


            

            

              
            

        

      


      

            
  

    
  
    
    

  

  



    












      

  
          

  

    
  


  

      

    @marcshilling
marcshilling



    linked a pull request
    
      Feb 20, 2025
    

    that will
    close
    this issue





  


  

      
   Open

  







  













  
  

    

      

  





  




  
  

              

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


  



  






  
                  




    

  


      
  

    Assignees
  



        

    No one assigned







      


  


  

    Labels
  



    

      

    bug









      

  

    

        

    Projects
  


        




    None yet




  



      


  

    
  

    Milestone
  


      No milestone





    
      
          
  

    

      

        
          

            
    

    Development
  




              
  
Successfully merging a pull request may close this issue.





    


  
          
      fix: Feather icons being filled in with solid color

    
      marcshilling/react-native-vector-icons
    





        
      

    

  


      

    

  
      

  

    

      2 participants
    

    

        
          @marcshilling 
        
          @ankit-makwana