Como faço para extrair um SVG de um site?

Abra a página e clique no SVG Export. Ele detecta todos os SVGs, embute os estilos e permite baixar um arquivo vetorial limpo — sem ficar vasculhando o DOM manualmente.

Ele mantém a estilização original?

Sim. SVGs estilizados por CSS externo costumam quebrar quando copiados na mão. O SVG Export embute esses estilos para que o arquivo extraído fique igual ao que você viu na página.

Posso copiar o código SVG em vez de baixar?

Sim. Você pode copiar a marcação SVG direto para a área de transferência e colá-la no Figma, Sketch ou no seu código.

English Português Español Русский Deutsch

Caso de uso

Extrair SVGs de qualquer site

Extraia vetores limpos e reutilizáveis de qualquer página.

Adicionar ao Chrome

Grátis · Sem conta · Sem anúncios

Extrair um SVG na mão significa caçar pelo DOM, copiar a marcação e torcer para que os estilos venham junto. Raramente vêm — o CSS externo fica para trás e o resultado fica errado.

O SVG Export faz a extração por você: encontra todos os SVGs da página, embute os estilos que o deixam correto e entrega um arquivo limpo que você pode jogar direto no Figma, em um design system ou no seu código.

O SVG Export lista todos os SVGs da página para que você visualize e baixe exatamente o que precisa.

Como funciona

1
Abra a página

Acesse o site que contém os SVGs que você quer extrair.
2
Escaneie com o SVG Export

Clique no ícone para detectar automaticamente todos os SVGs embutidos e vinculados.
3
Exporte arquivos limpos

Baixe como SVG com os estilos embutidos ou copie o código SVG para a área de transferência.

Recursos poderosos

Tudo o que você precisa para extrair SVGs com eficiência

Exportação em massa

Selecione tudo. Baixe tudo. Todos os SVGs da página em um único zip.

Liberdade de formato

Exporte como SVG, PNG ou JPG. Seus vetores, seu formato.

Edite antes de exportar

Renomeie, redimensione e visualize cada recurso antes de salvar.

Estilos embutidos

SVGs estilizados por CSS externo? Embutimos os estilos para que fiquem corretos fora da página.

Copiar para a área de transferência

Copie o código SVG na hora. Cole direto no Figma, Sketch ou no seu código.

Perfeição em pixels

Extração vetorial sem perdas. O que você vê é o que você obtém.

Perguntas frequentes

Como faço para extrair um SVG de um site?: Abra a página e clique no SVG Export. Ele detecta todos os SVGs, embute os estilos e permite baixar um arquivo vetorial limpo — sem ficar vasculhando o DOM manualmente.
Ele mantém a estilização original?: Sim. SVGs estilizados por CSS externo costumam quebrar quando copiados na mão. O SVG Export embute esses estilos para que o arquivo extraído fique igual ao que você viu na página.
Posso copiar o código SVG em vez de baixar?: Sim. Você pode copiar a marcação SVG direto para a área de transferência e colá-la no Figma, Sketch ou no seu código.

Pronto para baixar alguns SVGs?

Grátis, para Chrome, Firefox e Edge. Sem conta, sem configuração.