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

Use MS fill version in react native #1860

Open
Falicitas opened this issue Jan 7, 2025 · 0 comments
Open

Use MS fill version in react native #1860

Falicitas opened this issue Jan 7, 2025 · 0 comments

Comments

@Falicitas
Copy link

Falicitas commented Jan 7, 2025

Hi,

First of all, thank you for providing such an extensive collection of icons!

I have a question: is there any way to use the outlined-fill version of Material Symbols in React Native? I’ve encapsulated my Material Symbols component like this and it works well in non-fill symbols:

<Text
  style={[
    {
      fontFamily: 'MaterialSymbolsOutlined-Regular',
      fontSize: size,
      fontWeight: 500 as TextStyle['fontWeight'],
      color,
    },
    style,
  ]}
>
  {String.fromCharCode(parseInt('e838', 16))} // 'star' icon
</Text>

Although I’ve tried several approaches, such as appending the code point with "-fill" or setting the fontWeight to an extremely high value, I couldn’t find a way to access the fill version of the Material Symbols.

Is there any workaround or guidance you can provide? Or should I open an issue with React Native instead?

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

No branches or pull requests

1 participant