Combine — Docs

A variante Combine renderiza o ícone e o nome da marca juntos, alinhados, com o espaçamento certo. É um <span> inline-flex, então cabe em qualquer lugar que aceite texto.

tsx

import { Github, Discord } from 'glifo';

<Github.Combine />
<Discord.Combine size={20} />

O size controla o ícone e a fonte do nome (o nome usa fontSize proporcional). Use em itens de menu, chips de "conectado com", cabeçalhos de card, etc.

tsx

<button className="flex items-center gap-2">
  <Discord.Combine size={18} />
</button>