<div data-ui="play-button" class="iqel-button-element play">
    <div class="iqel-state-layer">
        <svg class="iqel-button-icon" version="1.1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"
            viewBox="0 0 28 28" xml:space="preserve">
            <polygon class="iqel-play-icon" points="9,3.5 23,14 9,24.5 " fill="currentColor"/>
        </svg>
    </div>
</div>
<div data-ui="pause-button" class="iqel-button-element pause">
    <div class="iqel-state-layer">
        <svg class="iqel-button-icon" version="1.1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"
            viewBox="0 0 16 16" xml:space="preserve">
            <g transform="matrix(.51365 0 0 1.4671 1.0765 -3.7372)">
                <rect class="iqel-pause-icon" x="5" y="5" width="6" height="6" fill="currentColor" />
            </g>
            <g transform="matrix(.51365 0 0 1.4671 6.6605 -3.7372)">
                <rect class="iqel-pause-icon" x="5" y="5" width="6" height="6" fill="currentColor" />
            </g>
        </svg>
    </div>
</div>
