Ícone do jQuery Mobile

Ícones do jQuery

Para adicionar um ícone a um botão no jQuery Mobile, use a propriedade data-icon:

<a href="#anylink" data-role="button" data-icon="refresh">Atualizar Página</a>

Dica:Você também pode usar a propriedade data-icon nos elementos <button> ou <input>.

A seguir, listamos todos os ícones disponíveis fornecidos pelo jQuery Mobile:

Valor do atributo Descrição Ícone Exemplo
data-icon="arrow-l" Seta para esquerda Teste
data-icon="arrow-r" Seta para direita Teste
data-icon="arrow-u" Seta para cima Teste
data-icon="arrow-d" Seta para baixo Teste
data-icon="plus" Adicionar Teste
data-icon="minus" Diminuir Teste
data-icon="delete" Excluir Teste
data-icon="check" Verificação Teste
data-icon="home" Página inicial Teste
data-icon="info" Informação Teste
data-icon="grid" Grade Teste
data-icon="gear" Engrenagem Teste
data-icon="search" Pesquisa Teste
data-icon="back" Voltar Teste
data-icon="forward" Avançar Teste
data-icon="refresh" Recarregar Teste
data-icon="star" Estrela Teste
data-icon="alert" Lembrete Teste