Box appears next to FA icon.

Question

I’m trying to get this font awesome play icon to display without the square box next to it. it only appears after the click event for some reason. Setting the tag to play at load does not produce a box. the box never appears next to pause. any suggestions?

edit: just tried this on my android device and the box doesnt appear, its just an ios issue.
https://code.sololearn.com/WgE4ZKKmf0jE/?ref=app

Answer 1

//This is play ▶ and pause ⏸

//When you click play ▶ icon changes to pause ⏸, So you want pause ⏸ not displayed

/remove else statement

Answer 2

Shudarshan Rai 👑 i think you misunderstood. I do want to toggle between them both, but when the play icon displays there is a strang box next to it on ios looks like this (▶◻), if I set it to load with play icon displayed it's not there(▶), only after toggling through play\pause once. It also only displays on the play icon on iOS.