[Vuejs]-I have a Vue JS template how to create toggle animation?

Your toggle contains of two font icons, so it’s not possible to animate part of font icon.

It’s like to animate letter “A” to “V” – just flip letter vertically and remove middle line of “A”. (Not possible)

Here is example of correct implementation of animated toggle button.

fiddle example