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

feat: material icons round #1703

Closed

Conversation

chanphiromsok
Copy link
Contributor

  • material icons round look beautiful material icons sharp

Screenshot_1736992209
Screenshot_1736992671

- material icons round look beautiful material  icons sharp
@chanphiromsok chanphiromsok changed the title feat: material symbol icons round feat: material icons round Jan 16, 2025
@johnf
Copy link
Collaborator

johnf commented Feb 2, 2025

@chanphiromsok I'm not sure about this one for two reasons.

Firstly, I understand that Google has deprecated this in favour of Material Symbols. There haven't been any updates since 2020.

Secondly, if we did want to implement this, I think we should probably take a similar approach to Fontawesome 6 and have a single icon. Hmm or maybe not. I'm going to kick off a separate discussion.

@chanphiromsok
Copy link
Contributor Author

@chanphiromsok I'm not sure about this one for two reasons.

Firstly, I understand that Google has deprecated this in favour of Material Symbols. There haven't been any updates since 2020.

Secondly, if we did want to implement this, I think we should probably take a similar approach to Fontawesome 6 and have a single icon. Hmm or maybe not. I'm going to kick off a separate discussion.

Oh I didn't notice Google deprecated material-icons-round ,In this case we can close this thank you

@chanphiromsok
Copy link
Contributor Author

Is there any way to implement Material Symbols icons in a React Native project, considering they come in three variants: rounded, sharp, and filled?

I found that I can make this library work with React Native Vector Icons (RNVI). However, I need to customize it for my local project. Since the Material Symbols from Google are not directly available as a font, I have to manually copy the SVG icons based on the desired font weight and variant (rounded, sharp, or filled) and then convert them to a .ttf file for my use case.

Is there a better or more efficient way to achieve this?

@johnf
Copy link
Collaborator

johnf commented Feb 5, 2025

@chanphiromsok There is https://github.com/marella/material-symbols/tree/main/material-symbols#readme but it only has woff2 fonts I'm not sure if they'll work on RN.

You can also explore some of the other fonts like octions which generate a font from svgs.

If you look at the yo-generator there are also some directive to run system command so you can just download/copy stuff around

@johnf johnf closed this Feb 5, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants