[Vuejs]-Change icon depending on boolean variable

The directive should not be bound using :, in your example you could simple do :

<v-icon  class="mr-3">{{playing ? 'mdi-pause' : 'mdi-play'}}</v-icon>