Search code examples
iconsgoogle-app-makergoogle-material-icons

how to install material icons in google app maker

I don't quite understand exactly what i need to do to install material icons in google app maker and then how to use them. I would really appreciate anyone able to give me a step-by-step explanation. Thanks!

Solution

  • You don't need to install material icons you just need to use https://material.io/tools/icons/?style=baseline icon name. Just make sure that if is a button it has the "Fab" style variant for App Maker to make the change and replace the button text for the mdl icon name.

    Style Variant

    enter image description here

    Text field for the widget (button)

    enter image description here

    Final result for a button.

    enter image description here

    You can also use different icons like in my case fontawesome.com. You need to get the CSS URL from the website then access to the App Maker "App Settings" and look for External Resources and add the link

    enter image description here

    enter image description here

    After that search for an icon and will display some properties like these

    enter image description here

    Take the HTML properties to add them to the button Display > Styles as shown here.

    enter image description here

    Make sure there is nothing on "text" of the button and you will have something like this.

    enter image description here

    I had a hard time figuring this out when I was start using App Maker so I hope this helps you all.