O original permanece. Logo e símbolo preservam os paths do arquivo canônico Gambito. Cor por currentColor; sem redesenhar a geometria da marca.
Vocabulário de ações. xq-fragmento
xq-seta-ne
xq-seta-cima
xq-seta-direita
xq-fechar
xq-pausar
xq-tocar
xq-check
xq-sacola
xq-arrow
xq-plus
xq-close
xq-menu
xq-chevron
xq-search
xq-play
xq-pause
xq-grid
xq-code
xq-mail
xq-external
xq-download
xq-sun
xq-terminal
xq-cursor
xq-clock
xq-shield
xq-chart
xq-bag
xq-users
xq-chevron-down
xq-x
xq-alert-triangle
xq-alert-circle
xq-info
xq-cantoneira
xq-cantoneira-no
xq-cantoneira-ne
xq-cantoneira-se
xq-cantoneira-so
xq-reticula
xq-cruz
xq-intersecao
xq-mira
xq-alvo
xq-tabuleiro
xq-coordenadas
xq-eixos
xq-regua
xq-medida-horizontal
xq-medida-vertical
xq-calibre
xq-chanfro
xq-duplo-anel
xq-malha
xq-colunas
xq-linhas
xq-margens
xq-alinhar-esquerda
xq-espacamento
xq-modulo
xq-circuito
xq-sinal
xq-onda
xq-pulso
xq-frequencia
xq-telemetria
xq-latencia
xq-terminal-compacto
xq-processador
xq-ramificacao
xq-rota
xq-nodo
xq-camadas
xq-vinculo
xq-controle
xq-pagina
xq-paragrafo
xq-tipografia
xq-indice
xq-marcas-corte
xq-compasso
xq-inverter
xq-repetir
xq-zoom-mais
xq-zoom-menos
xq-congelar
xq-sensor
xq-filtro
xq-lupa-tecnica
xq-diamante
xq-ponto
xq-grelha-assimetrica
xq-linha-base
xq-registro
xq-reticula-quadrada
xq-escala
xq-densidade
xq-scan
xq-vetor
xq-histograma
xq-dispersao
xq-comparar
xq-sincronia
xq-abertura
xq-volume
xq-dobra
xq-textura
xq-tabuleiro-coordenado
xq-plano-tatico
xq-enquadramento
xq-textura-tatil
xq-textura-reticula
xq-textura-hachura
xq-textura-precisao
xq-textura-papel
xq-textura-grafite
xq-textura-anodizado
xq-textura-pontos
xq-textura-cartesiana
<button class="xq-btn" type="button">
Continuar
<svg class="xq-icon" aria-hidden="true">
<use href="#xq-arrow"/>
</svg>
</button>Nomear o que faz. Ícone decorativo recebe aria-hidden="true". Botões só com ícone precisam de um nome acessível. Incluir o sprite inline uma vez no documento permite uso offline e mantém os estilos da marca.