Baixe todo SVG de uma página em ZIP

Salvar ícones um a um está ótimo para um ícone. Quando você quer o conjunto inteiro, Baixar tudo em ZIP reúne os SVGs que a página contém — das quatro origens —, remove duplicatas, numera e empacota tudo num único arquivo.

Instalar a extensão Ler o passo a passo →

O problema

Um de cada vez não escala para um conjunto de ícones

A página de ícones de um design system pode ter sessenta, oitenta, cem glifos. Salvar isso à mão são sessenta rodadas de achar-a-origem, prévia, nome, download — e isso se cada um for um SVG inline bem-comportado. Na prática é uma mistura: alguns inline, alguns em fundo CSS, alguns atrás de referências <use> a um sprite. Cada origem pede seu truque, você perde a conta do que já pegou e acaba com três cópias do mesmo chevron.

O caminho manual também não tem memória. Dois componentes reutilizam o mesmo ícone e você o salva duas vezes com dois nomes diferentes. Uma referência <use> não resolve e você só percebe ao abrir um arquivo vazio mais tarde. O que deveria ser um trabalho de dois minutos vira uma tarde de contabilidade.

O que o SVG Downloader faz no lugar

Clique em Baixar tudo em ZIP e ele roda a passagem completa de detecção — <svg> inline, imagens vetoriais em <img> e <object>, SVGs em background-image do CSS e referências <use> a sprites do mesmo documento —, junta os resultados e grava um ZIP. A contabilidade fica por conta dele.

Sem duplicatas. O mesmo ícone reutilizado em uma dúzia de componentes cai no arquivo uma vez, não doze. Você recebe um conjunto limpo, não uma pilha de cópias.
Numerados em ordem, com o prefixo que você definir. Os arquivos saem como svg-1.svg, svg-2.svg na ordem em que aparecem na página, então o arquivo descompacta na mesma sequência das prévias que você percorreu. Troque svg pelo que quiser — acme-icon, logo — nas opções da extensão, e o arquivo inteiro acompanha.
Honesto sobre o que falta. Se um SVG não puder ser buscado — um arquivo de outra origem que a página não compartilha, uma referência quebrada — a linha de status do popup nomeia: Baixados 8 de 10 SVGs. Ignorados: 3, 7. Nada é descartado sem dizer quais itens sumiram.
Ainda os originais. Todo arquivo do ZIP é o markup da própria página com o viewBox intacto e o namespace consertado — a mesma fidelidade de salvar um a um, só que em escala.

O que você recebe de volta

Formato: Um .zip de arquivos .svg limpos e dentro do padrão — markup original, namespaces consertados, numerados a partir de svg-1.svg com o seu próprio prefixo.
Cobertura: As quatro origens numa passagem só — inline, <img>/<object>, fundos CSS e sprites <use> do mesmo documento — sem duplicatas.
Em caso de falha: O que não pôde ser buscado é nomeado no popup, não escondido, então o conjunto que você recebe é confiável.
Onde ele roda: Inteiramente no seu navegador. O arquivo é montado no dispositivo — sem upload, sem servidor, sem conta.

Vale saber

Perguntas sobre o download em lote

O ZIP inclui também ícones de fundos CSS e de sprites?

Sim. A passagem em lote roda a mesma detecção dos downloads individuais nas quatro origens — SVG inline, fundos CSS, imagens vetoriais em <img>/<object> e referências de sprite do mesmo documento — então o arquivo cobre as origens difíceis, não só as fáceis.

O que acontece quando um SVG não pode ser baixado?

A linha de status do popup nomeia em vez de descartar sem deixar rastro — Baixados 8 de 10 SVGs. Ignorados: 3, 7. Esses números são as posições que você percorreu na prévia, então dá para voltar aos que falharam e persegui-los diretamente. Nada é adicionado ao arquivo em si; o ZIP guarda só os arquivos que passaram.

Existe algo que a passagem em lote não pega?

Três coisas, e ele avisa. Um <use> apontando para um arquivo de sprite externo — <use href="/sprite.svg#cart"> — é ignorado, porque só referências do mesmo documento são resolvidas. Em páginas muito grandes (mais de 10.000 elementos) a varredura de fundos CSS é pulada por velocidade. E a passagem trava em 2.000 SVGs inline, deixando de fora qualquer SVG com mais de uns 2 MB de markup. Tudo isso aparece na contagem e na linha de status do popup em vez de encolher o arquivo em silêncio.

Vou receber o mesmo ícone várias vezes?

Não. Ícones reutilizados numa página são desduplicados antes de o arquivo ser montado, então cada SVG distinto aparece uma vez. Se você só precisa de um glifo em vez do conjunto inteiro, salvá-lo sozinho com Baixar o SVG atual é o caminho mais rápido.

Leve o conjunto inteiro de ícones num clique

Grátis, privado, e ele faz a desduplicação e a contabilidade por você.

Instalar a extensão Todos os recursos →