jquery ui iconfont Download - jquery ui iconfont Código fonte download

jquery ui iconfont

Baixar fonte

jQuery UI Icon

Baixar

Ícones para jQuery-ui

332 Ícones exclusivos para JQuery UI / JQuery Mobile. Todos os ícones são concluídos à mão e otimizados para um tamanho mínimo de 14 × 14 pixels.
Ícones redimensíveis e amigáveis para dispositivos móveis.
Altere a cor dos ícones sem gerar arquivos gráficos.
Trabalha com todas as JQuery UI 1.11.2, 1.11.3, 1.11.4, 1.12 e 1.12.1 Temas e JQuery Mobile 1.4.5.
Fácil de usar, não são necessários plugins ou hacks extras.
Animação CSS3 incluída para o status de carregamento de Ajax.
Icon License CC BY-SA 3.0

Não é mais mantido

Como agora existem alternativas e estruturas melhores, decidi interromper este projeto.

Manual

Uso

Inclua a fonte do ícone

Copie o arquivo jquery-ui-1.12.icon-font.min.css ou jquery-ui-1.11.icon-font.min.css e a font da pasta na sua pasta, que segura seus arquivos CSS. Você também pode renomear por exemplo jquery-ui-1.12.icon-font.min.css to jquery-ui.icon-font.min.css . Para depuração e/ou desenvolvimento, você pode usar arquivos CSS sem .min (por exemplo, jquery-ui-1.12.icon-font.css ).
Adicione a seção <head> do seu documento HTML um link para o novo arquivo CSS.
Para o jQuery Mobile, não importa o arquivo que seja usado, mas apenas jquery-ui-1.11.icon-font está totalmente testado.

Exemplo incluir

  < head >
    <!-- ... -->
    < link href =" css/theme/jquery-ui.css " rel =" stylesheet " type =" text/css " /> 
    < link href =" css/theme/jquery-ui.icon-font.css " rel =" stylesheet " type =" text/css " /> 
    < script src =" js/jquery.min.js " type =" text/javascript " > </ script > 
    < script src =" js/jquery-ui.min.js " type =" text/javascript " > </ script > 
    <!-- ... --> 
  </ head >

Observação:
O arquivo jquery-ui.icon-font.css e a versão minificada são para JQuery UI 1.12.x. Para o JQuery UI 1.11.x ou jQuery Mobile, use o jquery-ui-1.11.icon-font.css ou a versão minificada jquery-ui-1.11.icon-font.min.css .

Como usar um ícone no HTML-Markup

Exibir um ícone é realmente simples:

  < p class =" ui-widget-content
    ui-state-default ui-helper-clearfix " >
    < span style =" float: left; margin-right: 0.5em; "
      class =" ui-icon ui-icon-jquery " > icon </ span >
    ui-icon-jquery
  </ p >

Observação:
Use apenas os nomes da classe no arquivo CSS para exibir o ícone necessário e nunca o valor Unicode (por exemplo, " e601"). Não pude garantir que o Unicode inserido mostrará o glifo solicitado em lançamentos futuros.