Icons aligned in browser but not in device


Something strange is happening in my App.

I use ionic 1.3.1 with Angular 1.5.3. In the browser, while developing, all the icons are centered, like this:


But then, when I build for android or iOS, all the icons are not aligned anymore, the icons are too high, like this:


Is like this thing is ignored by my devices:

svg {
    transform: translate3d(0, 25%, 0);

Did this happen to anyone here?
Thanks a lot,

You need to use browser prefixes. transform and translate are not supported the same in all browsers.

svg{ -webkit-transform: translate3d(0, 25%, 0); transform: translate3d(0, 25%, 0); }

You are God! Thanks a lot!!! It did the trick :smile:

@godesys Glad its working!