Best practice regarding Bubbles new icon packs

drixxon · 2024-08-21T19:09:40.152Z

Now that the default bubble icon comes with Material Icons + several more options, how does this affect performance and building?

I believe the complete bubble guide says that each icon plugin you download has to download the entire library to your device per page launch, thus having more icon styles in your app is bad for performance.

since the default icon now houses several styles, are they being loaded in regardless?

If I use the Google Material Icon Plugin already, should I be converting all of my icons to Bubbles Version of the Material Icon pack, and then uninstalling the old pack?

If I use material icons out of Bubbles new icon pack but then also sprinkle in a few awesomeiconsv6,
will that still cause my app to download unnecessary data? does it download regardless?

GH5T · 2024-08-21T19:23:40.375Z

If you use my icon plugin, it loads icons on demand. Plus, it has ALL the open source libraries you could ever want.

drixxon · 2024-08-21T19:29:27.558Z

curveball but you have my attention will add to the shortlist of things to check out. big if true

asked111 · 2024-09-24T14:00:29.419Z

Would still be interested to hear an official answer to the original OP question.

I’ve been putting off using the new icon packs especially ‘mix and matching’ them , incase it slows things down on page load etc…

boston85719 · 2024-09-24T17:21:51.741Z

drixxon:

If I use the Google Material Icon Plugin already, should I be converting all of my icons to Bubbles Version of the Material Icon pack, and then uninstalling the old pack?

Yes, definitely. Always opt to use native bubble features instead of 3rd party plugins.

drixxon:

If I use material icons out of Bubbles new icon pack but then also sprinkle in a few awesomeiconsv6,
will that still cause my app to download unnecessary data? does it download regardless?

My assumption is they are downloaded regardless but I’m not a traditional coder nor do I use the browser developer console much to inspect how things are loaded. But, overall I’d venture to guess, you are not going to see a performance decrease if you are using different icon packs provided by Bubble.

Maybe @nick.carroll could speak to that as I think he was part of this new feature.

Did Bubble choose Material Icons Deprecated? Meta

Correct, we are using the “deprecated” version, Material Icons, not Material Symbols. Material Symbols are loaded in a different way than Material Icons and the other icon libraries so we did not include it in the initial batch. However, this would be a prime candidate for an expansion or for when users can upload custom icon libraries!