Packs de interface
Hologrid Ícones de menu — conjunto de 24px com contorno
Seis ícones de menu monocolor com contorno em luz projetada em 24×24: play, pausa, configurações, mapa, som e confirmar. Folha e arquivos avulsos.

Sobre este pack
Ícones com contorno numa grade de 24px com um traço de 1.5px que coincide exatamente com o traço da moldura, e é isso que faz o conjunto parecer desenhado pelo mesmo feixe das molduras.
Os seis ícones ficam numa grade rígida de 24×24 com um traço uniforme de 1.5 px e compartilham o mesmo peso óptico, então uma fileira deles parece um conjunto e não seis desenhos que por acaso têm o mesmo tamanho. O conjunto cobre play, pausa, configurações, mapa, som e confirmar.
Tudo é de uma cor só. Há um valor em cada arquivo, o que significa que recolorir o conjunto inteiro é um localizar-e-substituir, ou uma tinta no material se você usar os PNGs. Nada está assado na imagem — sem sombras, sem degradês, sem chanfros — porque um ícone que carrega a própria iluminação deixa de combinar com a sua interface no momento em que ela muda.
O conjunto vem de três formas. Os SVGs individuais são os que se usam se o seu motor rasteriza vetores ou se você pretende editá-los. A folha de 144×24 dispõe os seis 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.
Download
Link direto · sem cadastro · sem página de esperaConjunto completo — SVGs individuais, folha, exportações PNG em 1x/2x/4x
Como usar
- Na folha, o ícone N ocupa o retângulo x = N × 24, y = 0, largura 24, altura 24 — nesta ordem: play, pausa, configurações, mapa, som, confirmar.
- Mantenha os ícones sobre pixels inteiros em 1x, 2x ou 4x; renderizar um traço de 1.5 px numa escala fracionária é exatamente o que transforma um ícone nítido numa mancha cinza.
- Para recolorir, mude o único valor de preenchimento ou de traço no SVG, ou aplique uma tinta ao PNG no seu material de interface — todas as formas de um arquivo usam um mesmo valor.
- Para alvos de toque, mantenha o ícone de 24 px e aumente o botão atrás dele em vez de escalar o ícone; a espessura do traço está ajustada para esse tamanho.
Licença
Creative Commons Atribuição 4.0 — Grátis para uso comercial. Atribuição obrigatória. Termos completos · O que isso significa na prática
"Hologrid Ícones de menu — conjunto de 24px com contorno" by Oğuzhan Girgin, licensed under CC BY 4.0 — https://www.colorosse.com/assets/2d/ui/hologrid-menu-icons-24


