Charcoal Ícones de menu — conjunto de 24px em duas cores

Ícones em duas cores numa grade de 24px — um corpo pálido com o acento recortando um detalhe. A família irmã usa traços de espessura única em 32px; aqui a grade menor e o segundo tom fazem o mesmo trabalho de separar um ícone de um fundo escuro e carregado.

Os 57 ícones se apoiam numa grade rígida de 24×24 com espessura de traço uniforme de 3 px e compartilham o mesmo peso óptico, então uma fileira se lê como um conjunto e não como 57 desenhos que por acaso têm o mesmo tamanho. O conjunto cobre tocar, pausar, ajustes, inventário, mapa, som, fechar, confirmar, vida, moeda, defesa, espólio, início, voltar, avançar, cima, baixo, menu, busca, filtro, atualizar, tela cheia, adicionar, remover, travado, destravado, ver, excluir, info, aviso, estrela, troféu, tempo, salvar, baixar, enviar, arma, poção, gema, chave, baú, missão, perigo, fogo, energia, mana, armadura, velocidade, habilidades, alvo, música, perfil, grupo, chat, correio, loja e recompensa.

Cada ícone carrega exatamente dois valores: uma cor de corpo e um detalhe de acento recortado dentro. Essa é a paleta inteira — sem sombras, sem degradês, sem chanfros — então recolorir o conjunto são dois localizar-e-substituir, e o acento fica livre para o que a sua interface fizer com ele em outro lugar.

O conjunto vem de três formas. Os SVGs avulsos são a escolha certa se seu motor rasteriza vetores ou se você pretende editá-los. A folha de 1368×24 dispõe todos os 57 na mesma grade para motores que preferem uma textura e um deslocamento retangular — a célula N começa em x = N × 24. As exportações PNG cobrem 1x, 2x e 4x com bordas transparentes limpas.

Creative Commons Atribuição 4.0 — Grátis para uso comercial. Atribuição obrigatória. Termos completos · O que isso significa na prática