search

oblador / react-native-vector-icons

Customizable Icons for React Native with support for image source and full styling.
https://oblador.github.io/react-native-vector-icons/
MIT License
17.45k stars 2.12k forks source link

Add Support for Google Material Symbols Icon Fonts #1622

Open ravindraguptacapgemini opened 5 months ago

ravindraguptacapgemini commented 5 months ago

Hi there, I just want to check if this library can provide support for new google font Material Symbols, Please let me know. Thanks

https://fonts.google.com/icons?icon.set=Material+Symbols

Also if there is some documentation which can help in adding this support, please share.

johnf commented 5 months ago

@ravindraguptacapgemini I'd love to add support. It's on my list after we do the next release. but a PR would be amazing if you have time.

Check out our new monorepo at https://github.com/oblador/react-native-vector-icons/tree/monorepo

I haven't yet fleshed out the documentation on adding a new font. I'll try and attack that over the weekend.

You should take a look at fontawesome6 as a starting point. We use a generator to create these directories, but if you get it working just as a straight PR in a material-symbols directory, I'm happy to reverse engineer it back to the generator.

It will help me see if I can find common ground between it and how we do fontawesome.

ravindraguptacapgemini commented 5 months ago

I would love to do it, but I don't have a band width as of now. I am extremely sorry. Can I ask you, when you are planning to start on it.

johnf commented 5 months ago

@ravindraguptacapgemini Probably a few months off

rexfordessilfie commented 5 months ago

Hello folks! I can try to take this on if that's okay. I just figured out how to do this for Lucide icons in #1630. If we are okay with the approach there, I can try do something similar for this!

I'm also happy to implement it in the monorepo setup and write documentation of the process as I go along. Let me know what you would like @johnf.