You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
I tried using this lib in a React + Next app. So added import 'react-material-symbols/rounded'; to a child component of my Root Layout. and then did import { MaterialSymbol } from 'react-material-symbols'; in a leaf component like given in the Readme.md file.
I only want to use a couple of icons from this lib, but seems it's loading all of the them at once, 3.9 MB in size, which is a real performance issue.
I thought it would do the @mui/icons-material way, pushing icons in SVG (exclusively the invoked ones).
Is this the way it works, or is there a way to reduce that load ?
The text was updated successfully, but these errors were encountered:
iyunusov
changed the title
Performance issue - Loading all icons at once
Performance issue - Loading all icons in advance.
Dec 16, 2023
I tried using this lib in a React + Next app. So added
import 'react-material-symbols/rounded';
to a child component of my Root Layout. and then didimport { MaterialSymbol } from 'react-material-symbols';
in a leaf component like given in the Readme.md file.I only want to use a couple of icons from this lib, but seems it's loading all of the them at once, 3.9 MB in size, which is a real performance issue.
I thought it would do the @mui/icons-material way, pushing icons in SVG (exclusively the invoked ones).
Is this the way it works, or is there a way to reduce that load ?
The text was updated successfully, but these errors were encountered: