SVG cru — Docs

Nem sempre você quer um componente React. Há dois caminhos para o SVG cru.

Da galeria

Na galeria, cada ícone tem um botão SVG (mono e color) que copia o arquivo para o clipboard, e um botão de download. Sem instalar nada.

Em runtime (a partir do componente)

Se você já tem o glifo instalado e quer a string do SVG (para e-mail, canvas, PDF), renderize o componente para markup:

tsx

import { renderToStaticMarkup } from 'react-dom/server';
import { createElement } from 'react';
import { Glifo } from 'glifo';

const svg = renderToStaticMarkup(
  createElement(Glifo, { name: 'github', variant: 'color', size: 32 }),
);
// -> "<svg ...>...</svg>"

O pacote @glifo/svg (SVGs crus + metadata) é interno do monorepo e não é publicado no npm — não tente npm i @glifo/svg. Use a galeria ou o renderToStaticMarkup acima.