google/material-design-icons

O que é?

Recursos principais

• 01Dois conjuntos de ícones: Material Symbols (atual, em fonte variável) e Material Icons (clássico, sem novas atualizações).
• 02Material Symbols permite ajustar os eixos de tamanho óptico, peso, grau e preenchimento.
• 03Material Icons inclui os estilos outlined, filled, rounded, sharp e two-tone.
• 04Oferece os formatos SVG, PNG, fonte web, Android e iOS.
• 05Pode ser usado por meio de links para o Google Fonts ou de arquivos baixados.

Casos de uso

• Adicionar um conjunto consistente de ícones à interface de um app web.
• Usar fontes de ícones em um site por meio de uma classe CSS ou de um link do Google Fonts.
• Incluir ícones no estilo Material em apps para Android ou iOS.
• Personalizar o peso ou o estado de preenchimento dos ícones com configurações de fontes variáveis no CSS.

Início rápido

1. 1

   Abra o navegador de ícones do Material Symbols e escolha os ícones

2. 2

   Instale o pacote npm da comunidade para ícones SVG

   npm install @material-design-icons/svg
3. 3

   Ou vincule a fonte da web do Google Fonts no seu HTML

   <link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined" rel="stylesheet">

Antes de usar

• !O Material Icons não recebe mais atualizações, então os novos ícones aparecem apenas no Material Symbols.
• !Os pacotes npm são mantidos por terceiros, não pelo Google.

Tópicos

Perguntas frequentes

O que é material-design-icons?

Conjuntos oficiais de ícones Material Design do Google (Material Symbols e os clássicos Material Icons) nos formatos SVG, fonte de ícones, Android e iOS. Este repositório reúne os ícones oficiais do Material Design do Google em dois conjuntos. Material Symbols, lançado em 2022, é o conjunto atual e usa fontes variáveis com eixos ajustáveis de tamanho óptico, peso, grau e preenchimento. Material Icons é o conjunto clássico, disponível nos estilos outlined, filled, rounded, sharp e two-tone, e não recebe mais atualizações.

material-design-icons é gratuito? Qual é a licença?

material-design-icons é open source sob a licença Apache-2.0. Confira os termos da licença antes de usá-lo em produtos comerciais.

material-design-icons ainda é mantido?

Manutenção ativa. O último commit de material-design-icons foi em 9 de out. de 2026.

Para que posso usar material-design-icons?

Adicionar um conjunto consistente de ícones à interface de um app web. Usar fontes de ícones em um site por meio de uma classe CSS ou de um link do Google Fonts. Incluir ícones no estilo Material em apps para Android ou iOS. Personalizar o peso ou o estado de preenchimento dos ícones com configurações de fontes variáveis no CSS.

Como instalar material-design-icons?

Abra o navegador de ícones do Material Symbols e escolha os ícones Instale o pacote npm da comunidade para ícones SVG: npm install @material-design-icons/svg Ou vincule a fonte da web do Google Fonts no seu HTML: <link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined" rel="stylesheet">

Onde consigo material-design-icons?

O código-fonte e as instruções de instalação estão no GitHub: https://github.com/google/material-design-icons