How to change floating action button icon? (Mobile Platform)

I want to change icon of floating action button. It has default plus icon but I want to use filter icon. I have also made changes in css file like:

SyntaxEditor Code Snippet

.floating-actions{
backgroud-image:url('/SuuchiHomepage/filter.svg');
}

but didn't succeed. How to do?

Shashwat Sahu wrote:

I want to change icon of floating action button. It has default plus icon but I want to use filter icon. I have also made changes in css file like:

SyntaxEditor Code Snippet

.floating-actions{
backgroud-image:url('/SuuchiHomepage/filter.svg');
}

but didn't succeed. How to do?


Seems like you have a typo on background :) (assuming you've copied and pasted the snippet of course )

Yeah It was typo mistake but now there are two icons showing one is filter and another is plus if I use floating-actions-icon.

Shashwat Sahu wrote:

Yeah It was typo mistake but now there are two icons showing one is filter and another is plus if I use floating-actions-icon.


Can you check the definition for floating-actions-icon?

Yeah It is use for changing icon but now I am exploring how to replace plus icon. 

Thanks Jay Santos.