I'm adding some elements to topbar in Dashboard like clock and battery status. I wanted to add icon of battery too as I'm using WallPanel Android app which is fullscreen so covering original battery status.
Anyway, I can't use
<ng-md-icon icon="battery_charging_50"></ng-md-icon> syntax as it's not rendered in the toolbar. If I would choose font-awesome then it would be as easy as using
<i class="fa fa-battery-quarter"></i> syntax. However, FA has limited battery icons and in horizontal (wide) versions only. Material icons on the other hand has all I need (many levels, charging indicator, narrow vertical mode) but
<ng-md-icon> renders to
svg thus it's not so easy to use as FA icons.
My question is: is there a simple way of using material icons added by JS to topbar?