Estes são dois conjuntos de ícones oficiais diferentes do Google, usando os mesmos designs subjacentes. Material Symbols é o conjunto atual, lançado em abril de 2022, baseado em tecnologia de fonte variável. Material Icons é o conjunto clássico, mas não é mais atualizado. Mais detalhes abaixo.
Os ícones podem ser navegados de forma mais amigável em https://fonts.google.com/icons. Use o menu pop-up próximo ao canto superior esquerdo para escolher entre os dois conjuntos; Símbolos de materiais é o padrão.
Os ícones são projetados de acordo com as diretrizes do material design.
Adoraríamos atender às suas necessidades de ícones! Envie sua solicitação aqui no GitHub como um problema.
Observe que o Google Fonts não aceita envios de usuários de designs de ícones finalizados! Existem diretrizes bastante rígidas para ícones de materiais, e o Google possui arquivos de origem a partir dos quais este repositório é gerado. Portanto, o Google não aceita solicitações pull de arquivos de ícones (sejam sugestões de novos ícones ou correções para ícones existentes). Os conceitos são apreciados - apenas não projete SVGs e envie-os por meio de pull request.
No entanto, os usuários são perfeitamente bem-vindos para apontar arquivos ou imagens externas como exemplos – para o tipo de coisa que desejam, mas eles não serão considerados apenas “como estão”. Isso funciona especialmente bem se você tiver vários exemplos para um único ícone, para nos ajudar a entender a “essência” da ideia.
Por exemplo, existe um logotipo/ícone conceitual bastante universal para “agender”, então se você estivesse propondo ao Google adicionar um ícone agender no estilo Material, mencionando isso ou apontando para https://www.google.com/search ?q=agender+icon seria uma dica útil.
Atualmente, o Google não inclui logotipos de terceiros entre os símbolos de materiais ou ícones de materiais por motivos legais. Alguns logotipos de terceiros incluídos no passado foram removidos.
Atualmente, o Google não mantém o pacote npm para este repositório, anterior à v3 (2016). No entanto, o usuário @marella está hospedando o seguinte. Ele nos diz que eles são atualizados e publicados automaticamente usando GitHub Actions. Observação: o Google não monitora nem examina esses pacotes.
material-icons
Esses ícones mais recentes podem ser navegados de maneira mais amigável em https://fonts.google.com/icons. Use o menu pop-up próximo ao canto superior esquerdo para escolher entre os dois conjuntos; Símbolos de materiais é o padrão.
Esses ícones foram construídos/projetados primeiro como fontes variáveis (com base nos designs de 24 px do Material Icons). Existem três fontes variáveis separadas de Símbolos de Materiais, que também possuem ícones estáticos disponíveis (mas não possuem todas as variações disponíveis, pois seriam centenas de estilos):
Cada uma das fontes possui estes eixos de design, que podem ser variados em CSS ou em muitos aplicativos de design mais modernos:
Os seguintes diretórios neste repositório contêm conteúdo específico de símbolos de materiais (não de ícones de materiais):
O que atualmente não está disponível em Símbolos de Materiais?
Os ícones podem ser navegados de forma mais amigável em https://fonts.google.com/icons?icon.set=Material+Icons
Esses ícones clássicos estão disponíveis em cinco estilos distintos:
Os seguintes diretórios neste repositório contêm especificamente conteúdo de ícones de materiais (não de símbolos de materiais):
O que atualmente não está disponível nos ícones de materiais?
Leia o guia do desenvolvedor sobre como usar os ícones do Material Design em seu projeto.
As pastas font
e variablefont
contêm arquivos de fontes pré-gerados que podem ser incluídos em um projeto. Isto é especialmente conveniente para a web; no entanto, geralmente é melhor vincular à fonte da web hospedada no Google Fonts:
< link href =" https://fonts.googleapis.com/css2?family=Material+Icons "
rel =" stylesheet " >
< link href =" https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined "
rel =" stylesheet " >
Leia mais sobre símbolos de materiais ou ícones de materiais no guia do desenvolvedor do Google Fonts.
Disponibilizamos esses ícones para você incorporar em seus produtos sob a licença Apache versão 2.0. Sinta-se à vontade para remixar e compartilhar novamente esses ícones e documentação em seus produtos. Adoraríamos atribuição na tela Sobre do seu aplicativo, mas ela não é obrigatória.