Add icon of Material Icons in List made using Dynamic Components

Chirubot · November 7, 2020, 9:43am

Hello Koders,
I have made a List using Dynamic Components and I want to add Icon in it through Label.

As we all know we can change the label Font Typeface property from Default to Material Icons.
But how to do in dynamic components because in the dynamic components we can set the label property from the blocks in any components but as you know in the blocks there is only font typeface import.
I have seen the material icons font download but the file size is 60MB which is high size for an app.
So, does anyone have the idea on how to add icons rather than images.
Or are there any alternatives for it.
Please let me know .

Akshat_Rana · November 7, 2020, 9:54am

Download this font file from github

dora_paz · November 7, 2020, 9:58am

Why don’t you set them from SetProperty ?

Chirubot · November 7, 2020, 9:58am

Thanks for the help.

Akshat_Rana · November 7, 2020, 9:59am

If you have got your solution plz mark my answer as solution

Chirubot · November 7, 2020, 10:00am

Does FontTypeface also work from built in Dynamic Components for Material Icons

dora_paz · November 7, 2020, 10:05am

Yes it works, give it a try

Chirubot · November 7, 2020, 10:09am

What should be the value?

dora_paz · November 7, 2020, 10:15am

The name of the icon. You can also create a list of the icons that you want to use in your labels and for each label created assign a different icon

Chirubot · November 7, 2020, 10:19am

I am getting this error,

My Blocks
Blocks

ADDYLIN · November 7, 2020, 10:21am

Recheck the Blocks Shared by dora.
You are Doing things Wrong.

Chirubot · November 7, 2020, 10:24am

Oops,
I just saw the first two blocks and got the error.
Thanks, For correcting me

Chirubot · November 7, 2020, 10:25am

Thanks @dora_paz for helping me out.

system · December 7, 2020, 10:25am

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.