Cannot seem to apply Material Icons (Polybar 1) (i3 Arch)

[gaurav219]

For the battery module, I can't seem to make the icon look like as shown in images.

My config is: -

[module/battery]
type = internal/battery
full-at = 99
;time-format = %H:%M
battery = BAT0
adapter = ADP1
format-charging = <animation-charging> <label-charging>
;label-charging = %percentage%% 
label-charging = %percentage%%
format-discharging = <ramp-capacity> <label-discharging>
;label-discharging = %percentage%% (%time%)
label-discharging = %percentage%%
format-full = <label-full>

format-full-prefix = " "
ramp-capacity-0 = 
ramp-capacity-1 = 
ramp-capacity-2 = 
ramp-capacity-3 = 
ramp-capacity-4 = 

ramp-capacity-0-foreground = #e53935
ramp-capacity-foreground   = #ffffff
bar-capacity-width = 10

animation-charging-0 = ""
animation-charging-1 = ""
animation-charging-2 = ""
animation-charging-3 = ""
animation-charging-4 = ""

animation-charging-framerate = 750

And output is:

As you can see, it's sort of distorted!! Please help!

[adi1090x]

Repository Updated, Try again. Reopen if issues are not resolved. Have a look at Troubleshooting for very common issues and how to resolve theme.