Create a Google Material Symbols/Icons search and selection page

Hi everyone,

I'm trying to create a page that users can use to create categories and choose an associated icon (categories of financial transactions, e.g. 'Restaurants').

I'm planning to use the Google Material symbols font to provide the icons. I've uploaded the font as a custom font in Flutterflow, and I can see that entering the name of the icon into a text box (e.g. (e.g. 'local_dining') results in the icon being displayed in FF.

I'd like to create a page similar to the Google Material Symbols Search page (link), where users can search for a specific keyword, choose an icon, and then the app stores the symbol name.

I'm not sure how to create the search functionality, so I'd appreciate any suggestions. For example, can I just embed the Google Material Symbols link above into my Flutterflow app, extract the icon name and use that to set the text box?

Any help appreciated

Tom

4
12 replies