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
(2809) (5)
Go-ahead
"Descobri que pequenas vitórias, pequenos projetos, pequenas diferenças muitas vezes fazem grandes diferenças."
Rosabeth Moss Kanter
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
Como Estão os Salários e Oportunidades de TI Fora do BrasilComo Estão os Salários e Oportunidades de TI Fora do BrasilEmpreendedorismoLogin com ConstraintLayout e TextWatcher Para Validação - Android M-CommerceLogin com ConstraintLayout e TextWatcher Para Validação - Android M-CommerceAndroidLocalização com Rota GPS, E-mail e Telefones - Android M-CommerceLocalização com Rota GPS, E-mail e Telefones - Android M-CommerceAndroidCriando a Tela de Cadastro de Usuário - Android M-CommerceCriando a Tela de Cadastro de Usuário - Android M-CommerceAndroidComo Entrar na Europa Como Profissional de TI e Com o Tech VisaComo Entrar na Europa Como Profissional de TI e Com o Tech VisaEmpreendedorismoPolíticas de Privacidade e Porque não a GDPR - Android M-CommercePolíticas de Privacidade e Porque não a GDPR - Android M-CommerceAndroidRefatoração do Login, Pavimentando o Caminho Para Outros Formulários - Android M-CommerceRefatoração do Login, Pavimentando o Caminho Para Outros Formulários - Android M-CommerceAndroidComo Criar a UI de Configurações de Conta de Usuário - Android M-CommerceComo Criar a UI de Configurações de Conta de Usuário - Android M-CommerceAndroidMigrando Para o AndroidX e Construindo a Galeria Para Foto de Perfil - Android M-CommerceMigrando Para o AndroidX e Construindo a Galeria Para Foto de Perfil - Android M-CommerceAndroidAplicando o Padrão Template Method Para Limpar o Login e o Cadastro - Android M-CommerceAplicando o Padrão Template Method Para Limpar o Login e o Cadastro - Android M-CommerceAndroid
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