DEV Community


Posted on


Material font icons on Xamarin Forms

Hello devs πŸ––, recently I'm searching how to use Materialize icons in my mobile app maked with Xamarin.Forms 4.8, but I could't find a great step by step. Therefore I will try to do it today.

Font Source

You need to download the TFF font at material design google repo, so go to material-design-icons > font > MaterialIcons-Regular.ttf.

Using font icon

Step 1. Put archieve tff on folder Fonts in your Xamarin Shared Project.


Don't forget to set build action as Embedded resource.

Step 2. Add ExportFont in your App.xaml.cs as below:


[assembly: ExportFont("MaterialIconsRegular.ttf", Alias = "Material")]
namespace MaterialApp
    public partial class App : Application
        public App()

            MainPage = new MainPage();

Enter fullscreen mode Exit fullscreen mode

Alias is optional.

Step 3. Use a materialize font in any page you need.

    <Label Text="&#xe87C;" FontSize="50" TextColor="Orange"
           FontFamily="Material" HorizontalOptions="Center" />      
Enter fullscreen mode Exit fullscreen mode

You will need the hexadecimal code, You can get it at MaterialIcons-Regular.codepoints.

I like to search icons on and get theirs names, so I find the hexadecimal code at MaterialIcons-Regular.codepoints. (you can find it in google repo.)

That's all, folks. πŸ˜„

Top comments (2)

vhugogarcia profile image
Victor Hugo Garcia

Very nice article. However, I could not find a way to use MaterialIcons rounded or outlined versions.

I'm wondering if you have implemented those versions.

Thanks in advance

peedroca profile image


The rounded and outlined icons was added some months ago... Try get it here:

Tell me if you got it!

An Animated Guide to Node.js Event Loop

Node.js doesn’t stop from running other operations because of Libuv, a C++ library responsible for the event loop and asynchronously handling tasks such as network requests, DNS resolution, file system operations, data encryption, etc.

What happens under the hood when Node.js works on tasks such as database queries? We will explore it by following this piece of code step by step.