Manejar iconos en Jquery Mobile

En esta ocasión veremos como utilizar los iconos en Jquery Mobile, para ello nos centraremos en los atributos principales para el manejo de iconos. 

 data-icon: este atributo indica el icono que será utilizado.

data-iconpos: este atributo determina la posición del icono. top|left|right|bottom|notext

Abajo del todo se encuentra el listado de iconos para Jquery Mobile.

<input type="button" data-icon="star" value="Icono básico">
<input type="button" data-icon="check" data-iconpos="top" value="Icono posicionado arriba">
<input type="button" data-icon="minus" data-iconpos="left" value="Icono posicionado a la izquierda">
<input type="button" data-icon="plus" data-iconpos="right" value="Icono posicionado a la derecha">
<input type="button" data-icon="home" data-iconpos="bottom" value="Icono posicionado abajo">
Icono sin texto: <input type="button" data-icon="refresh" data-iconpos="notext">
<input type="button" data-icon="back" data-theme="b" value="Icono con theme b">

Listado de iconos para Jquery Mobile ...

alert
arrow-d
arrow-l
arrow-r
arrow-u
back
check
delete
forward
gear
grid
home
info
minus
plus
refresh
search
star