Play Pause
Pro Rive template · Category: Icons
Two play/pause icon animations. Morph reshapes the play triangle into the pause bars. Spin turns it into place as it changes. The Main artboard stacks both, centred and responsive with Fit.Layout, and the Morph and Spin artboards each show one icon on its own, centred at any size. Click an icon to switch it, or fire Toggle from code. The play event fires when the icon changes to pause, the pause event when it changes to play. Everything is data-bound: Icon Color for each icon and Corner Radius for rounding, with one master Corner Radius on Main. No scripts.
- play
- pause
- media
- icon
- toggle
- morph
- spin
- button
- video
- audio
- data binding
- view model
- events
- responsive
- no scripts
Interactive .riv file: hover, tap and drag interactions work in web, iOS and Android Rive runtimes. Customize colors, text and images before download.
Test in Riv Eye · Pricing