Geometria exata: malha, raios, ângulos e progressão
Medidas (malha de 120)
Traço único de 14; pontas e junções redondas.
Faixas nas alturas 104, 82, 60; passo de 22 entre centros (vão de 8).
Curvas com centro comum em (46, 52); raios 52, 30 e 8.
Subida a 45°; comprimentos 20, 44 e 68 (passo de 24).
Início de todas as faixas em x = 16; caixa útil 9 × 2,6 a 107 × 111.
Por que cada escolha
Centro comum: é o que faz as faixas continuarem paralelas na curva, como numa pista real. Sem isso, a forma vira três "tacos".
Passo 22 com traço 14: o vão de 8 fecha em 16 px sem borrar e abre em 1 m sem parecer vazio.
Progressão de 24: linear, não exponencial. Aceleração legível, sem drama.
45°: o ângulo de crescimento que todo mundo reconhece e que casa com a malha.
Versão micro (abaixo de 24 px) e ícone
A micro mantém a curva e duas faixas (raios 40 e 14, traço 17). Usa-se em favicon de 16 px, ícones de 24 px e bordados. O ícone é o símbolo a 78% dentro de um tile de cantos com raio igual a 22,5% do lado (27 em 120), azul bFlow.
Arquivo-mestre SVG vetorial em 120 × 120, caminhos com stroke, sem expandir. Exportações em PNG só a partir dele.
Cores por variável Tinta das faixas e cor da faixa de dentro são variáveis: o mesmo arquivo gera todas as versões e temas.
Nunca redesenhar Não se refaz o símbolo à mão, não se muda espessura, ângulo ou raio. Pede-se o arquivo.