Como baixar ícones SVG e imagens vetoriais
Resposta curta
Um SVG numa página web pode ser duas coisas: um arquivo que o navegador buscou, ou marcação escrita diretamente dentro da página. O primeiro pode ser salvo como qualquer imagem. O segundo não tem arquivo algum por trás, e por isso o menu de contexto não oferece nada. Um baixador em massa reúne os SVGs que existem como arquivos de verdade e os salva como .svg, com os dados vetoriais intactos e sem conversão para pixels.
Fazendo na mão
Clicar com o botão direito no ícone e escolher Salvar imagem como… — o que funciona quando o SVG foi carregado como arquivo próprio.
Quando o menu não oferece nada, o caminho de sempre são as ferramentas de desenvolvedor: achar o elemento ou a requisição de rede e extrair a marcação ou o arquivo à mão.
Onde isso trava
- SVG embutido faz parte da própria marcação da página, então não existe arquivo que o navegador possa lhe oferecer.
- Ícones usados como plano de fundo em CSS não têm nenhuma entrada no menu de contexto.
- Copiar a marcação das ferramentas de desenvolvedor perde os estilos que viviam na folha de estilos da página, então o ícone pode sair preto ou no tamanho errado.
- Um conjunto de ícones tem dezenas de arquivos, e fazer qualquer uma dessas coisas dezenas de vezes não é um plano.
Fazendo com o ImgDown
Passo 1
Varra a página
Abra a lista de imagens. Os SVGs que a página carregou como arquivos aparecem ao lado dos bitmaps, cada um marcado com seu formato, o que facilita separá-los.
Passo 2
Filtre só SVG
Desligue todos os tipos de arquivo menos SVG. O que sobra é o material vetorial da página — em geral logotipos, ícones e diagramas — sem mais nada no caminho.
Passo 3
Baixe como vetores
Os arquivos são salvos exatamente como o site os serve, então um .svg continua um .svg: ainda editável, ainda escalável, nunca achatado em bitmap pelo caminho.
Perguntas relacionadas
Teste na página que você tem aberta
Grátis, sem conta, e já funciona na próxima galeria que você abrir.