Actually i created class in the style icon like above mentioned and also created an variable with boolean .next what i need to do . i am not getting it what you have mentioned above

You need to apply the CSS class to the main container of your page when the value of the IsLoading variable = True:

If (IsLoading=True,
"loading-cursor",
"")

 (the cursor will only show the loading icon when it is hovering above a container that has the 'Loading-cursor' class and when the isloading variable is true.

When clicking on your Icon to go to a different page, you should change the value of the IsLoading variable to True in the OnClick Client Action of the icon.

I think a LoadingSpinner instead of cursor would be a better way forward:
Loading Spinner

i am not getting it sir.

Sorry to hear that, i tried to explain it simple.

The loading cursor is not the best solution in my opinion anyway, 
Try this: Loading Icon

If possible can you send me the oml file better understanding sir

Hope this helps ! 

Thanks sir

You are welcome.

Dit it solve your problem? if so, please mark it as a solution so other people facing similar issues can find the solution while also keeping the Forum clean

Can we set the paramter for this or i have an form with validation .after people entering the data they click submit button while clicking the button loading needs to be done.after the submission it need to stop can we do that?

Yes ofcourse,
The IsLoading variable needs to be changed to True when you click the button,
 and needs to be set back to False at the end of the Action 

Working sir fine thanks for the instruction

it was for an traditional .i was working on reactive

Hello this one is for reactive.. 
Refer last two components they are for reactive.