How to change icon image color?

[HN_Forest]

I download material image icon, I used it in button but I can’t change color !

[Mohamed_Tamer]

You can’t change image color with blocks, but if you want to change the color of a material icon, set the phone type face to Material Icons, and set the button text to your icon name, and then set the text color to the color you want.
you don’t even need to download images

[HN_Forest]

can u suggest any material icon .ttf file for the WhatsApp logo?
I used phone typeface to Material Icons for WhatsApp but got empty,
so how can get a Whatsapp icon in the material icon?

[Mohamed_Tamer]

Unfortunately, there is not whatsapp icon in the material font icons.You can try font awesome

[HN_Forest]

not working, i used whatsapp-square it in font awesome

[Mohamed_Tamer]

Search the community for your new problem ,if you didn’t find a solution open a new topic, because this topic isn’t related with font awesome

[ADDYLIN]

Material Font Icons Update

Steps to apply fontawesome on any button, label etc Select the Font Awesome 5 (Brands)[in your case] from Font Typeface drop-down Enable the HTML Format option from Advance properties in designer section [Screenshot_2020-08-29-21-30-23-68] From Font Awesome website copy the code as shown below Paste that code in the text field in following format  After everything done it will look something like this (See the red underlined fields) [IMG_20200829…

[HN_Forest]

new at kodular

[Unknown_Designer (Himanshu)]

Where are you put your html code

[Mohamed_Tamer]

Change it to:



You must prefix it with :&#x and end it with ; as far as i understand.Your icon Unicode will be between,

[dora_paz (Dora)]

Yes change it to  and it will work

[HN_Forest]

i did but it’s not support the icon

[ADDYLIN]

How to change icon image color?

Change it to:  You must prefix it with :&#x and end it with ; as far as i understand.Your icon Unicode will be between,

And don’t include any Space.

[ADDYLIN]

Aahaa…
E-mails are Slow.

[golumaths100 (Shivam Chouhan)]

You can change the color of any icon. Just make sure that the icon you are using is in PNG format.

[HN_Forest]

how to do that by block? explain to me

[golumaths100 (Shivam Chouhan)]

Use two layouts. One layout will be the parent layout and inside that parent layout, add one more child layout in which you will have the icon. Take the image component and put it inside that child layout and set that child layout’s background color to the color of your choice. And you are done.

If you are using any .ttf file, then do as mentioned by @Mohamed_Tamer here:

@Mohamed_Tamer

You can’t change image color with blocks, but if you want to change the color of a material icon, set the phone type face to Material Icons, and set the button text to your icon name, and then set the text color to the color you want.
you don’t even need to download images

[Vaibhav]

@golumaths100

Use two layouts. One layout will be the parent layout and inside that parent layout, add one more child layout in which you will have the icon. Take the image component and put it inside that child layout and set that child layout’s background color to the color of your choice. And you are done.

I don’t understand why would any user use this when there is an easy option available? The OP just need to set font type face to Material icon or Font Awesome and change the color of text if he/she wants it.
The method to do so is already mentioned by Mohamed_Tamer and ADDYLIN. Now all is needed to implement it by the user.

Being that already available, why to clutter user’s mind with unnecessary options and confuse him/her more?

[golumaths100 (Shivam Chouhan)]

@golumaths100

If you are using any .ttf file, then do as mentioned by @Mohamed_Tamer here:

I have mentioned this too. He asked about an icon which is in png format, that’s why I asked him to follow this step. I always go for the simplest possible solution, which can help anyone. Hope you understand. Thank you.