Introdução

O que é o glifo?

glifo é uma biblioteca de ícones de marcas de tecnologia (AI/LLM + tech em geral) para React. São mais de 3.958 marcas, cada uma exportada como um componente tipado e tree-shakeable — você importa só o que usa e o bundle carrega só aquilo.

Diferente de packs genéricos, cada ícone já vem com variantes prontas: mono (usa currentColor), color (cor da marca), avatar (com fundo arredondado), text (nome estilizado), combine (ícone + nome) e tag (pill).

Se você já perdeu tempo baixando SVG de logo um por um e ajustando viewBox na mão — é esse problema que o glifo resolve.

Recursos principais

• Tipado de ponta a ponta. Cada ícone é um componente React com props de SVG + size e title.
• Tree-shakeable. import { Github } from 'glifo' traz só o Github pro bundle.
• 6 variantes por marca. mono, color, avatar, text, combine, tag.
• Dinâmico por string. <Glifo name="github" /> quando o ícone só é conhecido em runtime.
• SVG cru também. Copie o SVG direto da galeria, sem depender do React.

Exemplo rápido

import { Github, OpenAI } from 'glifo';

export function Footer() {
  return (
    <div>
      <Github size={20} />
      <OpenAI.Color size={20} />
    </div>
  );
}

Pronto pra instalar? Vá para Instalação.