IcoMoon APP, Ícones CSS Fáceis e Úteis em Seu Site
Seguir

Receba em primeira mão, e com prioridade, os conteúdos Android exclusivos do Blog. Você receberá um email de confirmação. Somente depois de confirma-lo é que poderei lhe enviar os conteúdos exclusivos.

Email inválido.
Blog /Desenvolvimento Web /IcoMoon APP, Ícones CSS Fáceis e Úteis em Seu Site

IcoMoon APP, Ícones CSS Fáceis e Úteis em Seu Site

Vinícius Thiengo
(2694) (5)
Go-ahead
"É uma estrada áspera que leva ao topo da excelência."
Lucius Annaeus Seneca
Kotlin Android
Capa do livro Desenvolvedor Kotlin Android - Bibliotecas para o dia a dia
TítuloDesenvolvedor Kotlin Android - Bibliotecas para o dia a dia
CategoriasAndroid, Kotlin
AutorVinícius Thiengo
Edição1ª
Capítulos19
Páginas1035
Acessar Livro
Treinamento Oficial
Android: Prototipagem Profissional de Aplicativos
CursoAndroid: Prototipagem Profissional de Aplicativos
CategoriaAndroid
InstrutorVinícius Thiengo
NívelTodos os níveis
Vídeo aulas186
PlataformaUdemy
Acessar Curso
Receitas Android
Capa do livro Receitas Para Desenvolvedores Android
TítuloReceitas Para Desenvolvedores Android
CategoriaDesenvolvimento Android
AutorVinícius Thiengo
Edição1ª
Ano2017
Capítulos20
Páginas936
Acessar Livro
Código Limpo
Capa do livro Refatorando Para Programas Limpos
TítuloRefatorando Para Programas Limpos
CategoriaEngenharia de Software
AutorVinícius Thiengo
Edição2ª
Ano2017
Capítulos46
Páginas599
Acessar Livro
Quer aprender a programar para Android? Acesse abaixo o curso gratuito no Blog.
Curso Android, gratuito
Posts Populares
5 livros que não são de TI, mas que um desenvolvedor deveria ler5 livros que não são de TI, mas que um desenvolvedor deveria lerEmpreendedorismoAndroid Mobile-Commerce, Apresentação e Protótipo do ProjetoAndroid Mobile-Commerce, Apresentação e Protótipo do ProjetoAndroidInício de Projeto e Menu Gaveta Customizado - Android M-CommerceInício de Projeto e Menu Gaveta Customizado - Android M-CommerceAndroidSelectionTracker Para Seleção de Itens no RecyclerView AndroidSelectionTracker Para Seleção de Itens no RecyclerView AndroidAndroidAndroid About Page API Para Construir a Tela SobreAndroid About Page API Para Construir a Tela SobreAndroidComo Impulsionar o App Android - Compartilhamento NativoComo Impulsionar o App Android - Compartilhamento NativoAndroidComo Utilizar Métodos Binding Adapter no AndroidComo Utilizar Métodos Binding Adapter no AndroidAndroidLocalização com Rota GPS, E-mail e Telefones - Android M-CommerceLocalização com Rota GPS, E-mail e Telefones - Android M-CommerceAndroidFragmento da Tela Sobre e Links Sociais - Android M-CommerceFragmento da Tela Sobre e Links Sociais - Android M-CommerceAndroidAnnotation Span Para Estilização de Texto no AndroidAnnotation Span Para Estilização de Texto no AndroidAndroid
Conteúdo Exclusivo
Receba em primeira mão, e com prioridade, os conteúdos Android exclusivos do Blog.
Email inválido

Opa! Blz?

Nesse vídeo apresento a lib de ícones em CSS, IcoMoon APP. Já fiz um pos aqui sobre a lib de ícones também em CSS, FontAwesome, mas quando publiquei esse post um seguidor me informou sobre a lib IcoMoon e fiquei de bobera quando vi a variedade de ícones que a lib apresentava. Mas enfim, vou evitar mais texto e deixar você ver o vídeo.

Os links para download do projeto e página de demonstração se encontram logo abaixo no post.

Página da lib IcoMoon APP

Compartilhe, comente! Vlw

Demo

Página de demonstração
Receba em primeira mão, e com prioridade, os conteúdos Android exclusivos do Blog.
Email inválido

Download

Download do arquivo .zip com os arquivos do vídeo.

Relacionado

Icones Com CSS FontAwesome, Seu Site Mais ProfissionalIcones Com CSS FontAwesome, Seu Site Mais ProfissionalDesenvolvimento Web
Busca Personalizada do Google Com Formulário PersonalizadoBusca Personalizada do Google Com Formulário PersonalizadoDesenvolvimento Web
Criando QR Code no PHPCriando QR Code no PHPDesenvolvimento Web
Gráficos Com JavaScript: Apresentando a Highcharts JSGráficos Com JavaScript: Apresentando a Highcharts JSDesenvolvimento Web
icones - icomoon app

Compartilhar

Comentários Facebook

Comentários Blog (5)

Dados Dados
Para código / script, coloque entre [code] e [/code] para receber marcação especifica.
Forneça seu nome válido.
Forneça seu email válido.
Forneça o comentário.
Enviando, aguarde...
Bruno (0) (0)
26/12/2013
Parabéns cara!

Queria só deixar uma dica da forma que foi implementado uma pessoa cega não teria contexto e nem saberia o que se trata esse ícone.

Para resolver pode-se usar duas coisas o title na tag <i> com a descrição do ícone ou o aria-label, o aria-label faz mais sentido usar, ele basicamente dá uma saida textual alternativa assim como o ALT ele é recomendado nesses casos quando usamos uma imagem de ícones dentro do CSS.

Abraços e mais uma vez parabéns.
Responder
Vinícius Thiengo (0) (0)
26/12/2013
Opa! Vlw. É isso mesmo
Responder
matteus sousa (1) (0)
25/12/2013
como mudar a cor do ícone?
Responder
Vinícius Thiengo (0) (0)
26/12/2013
Opa Matteus, o ícone é svg, logo ele respeita as mesmas propriedades de cor e tamanho de uma fonte convencional (Arial, por exemplo). Se vc colocar no CSS:
*{
      color: #f00;
}
Tanto o ícone como os textos ficaram vermelho. Espero ter ajudado, Vlw
Responder
Matteus sousa (1) (0)
26/12/2013
opa, muito obrigado por exclarecer thiengo, vlw mesmo.
Responder