Téléchargez tous les SVG d'une page en ZIP

Enregistrer les icônes une à une va très bien pour une icône. Quand vous voulez tout le jeu, Tout télécharger en ZIP récolte les SVG que la page contient — les quatre sources — les dédoublonne, les numérote et les réunit dans une seule archive.

Installer l'extension Lire le mode d'emploi →

Le problème

Un par un, ça ne tient pas face à un jeu d'icônes

La page d'icônes d'un design system peut contenir soixante, quatre-vingts, cent glyphes. Les enregistrer à la main, c'est soixante tours de trouver-la-source, aperçu, nommage, téléchargement — et encore, si chacun est un SVG en ligne bien rangé. En pratique c'est un mélange : certains en ligne, certains en fond CSS, certains derrière des références <use> vers un sprite. Chaque source réclame son astuce, vous perdrez le fil de ce que vous avez déjà pris et finirez avec trois copies du même chevron.

La voie manuelle n'a pas non plus de mémoire. Deux composants réutilisent la même icône, vous l'enregistrez deux fois sous deux noms différents. Une référence <use> ne se résout pas, vous ne le remarquez qu'en ouvrant un fichier vide plus tard. Ce qui devait prendre deux minutes devient un après-midi de comptabilité.

Ce que fait SVG Downloader à la place

Cliquez sur Tout télécharger en ZIP et il lance la passe de détection complète — <svg> en ligne, images vectorielles en <img> et <object>, SVG en background-image CSS et références <use> vers un sprite du même document — rassemble les résultats et écrit un ZIP. La comptabilité est faite pour vous.

Dédoublonné. La même icône réutilisée dans une douzaine de composants atterrit une fois dans l'archive, pas douze. Vous obtenez un jeu propre, pas un tas de copies.
Numérotés dans l'ordre, avec le préfixe de votre choix. Les fichiers arrivent en svg-1.svg, svg-2.svg dans l'ordre d'apparition sur la page : l'archive se déballe donc dans la même séquence que les aperçus feuilletés. Remplacez svg par ce que vous voulez — acme-icon, logo — dans les options de l'extension, et toute l'archive suit.
Honnête sur les manques. Si un SVG ne peut pas être récupéré — un fichier d'une autre origine que la page ne partage pas, une référence cassée — la ligne d'état du popup le nomme : Téléchargés 8 SVG sur 10. Ignorés : 3, 7. Rien n'est abandonné sans vous dire lesquels manquent.
Toujours les originaux. Chaque fichier du ZIP est le balisage propre de la page, viewBox intact et espace de noms réparé — la même fidélité qu'un enregistrement à la main, mais à l'échelle.

Ce que vous récupérez

Format: Un .zip de fichiers .svg conformes aux standards — balisage d'origine, espaces de noms réparés, numérotés à partir de svg-1.svg avec votre propre préfixe.
Couverture: Les quatre sources en une passe — en ligne, <img>/<object>, fonds CSS et sprites <use> du même document — dédoublonnées.
En cas d'échec: Tout ce qui n'a pas pu être récupéré est nommé dans le popup, pas masqué : le jeu que vous obtenez est fiable.
Où ça tourne: Entièrement dans votre navigateur. L'archive est construite sur l'appareil — pas d'envoi, pas de serveur, pas de compte.

Bon à savoir

Questions sur le téléchargement en masse

Le ZIP inclut-il aussi les icônes des fonds CSS et des sprites ?

Oui. La passe en masse lance la même détection que les enregistrements unitaires sur les quatre sources — SVG en ligne, fonds CSS, images vectorielles en <img>/<object> et références de sprite du même document — l'archive couvre donc les sources difficiles, pas seulement les faciles.

Que se passe-t-il quand un SVG ne peut pas être téléchargé ?

La ligne d'état du popup le nomme au lieu de l'abandonner sans laisser de trace — Téléchargés 8 SVG sur 10. Ignorés : 3, 7. Ces numéros sont les positions que vous avez feuilletées dans l'aperçu : vous pouvez donc revenir sur ceux qui ont échoué et les traiter directement. Rien n'est ajouté à l'archive elle-même ; le ZIP ne contient que les fichiers qui sont passés.

Y a-t-il des choses que la passe en masse ne prend pas ?

Trois, et il vous le dit. Un <use> pointant vers un fichier de sprite externe — <use href="/sprite.svg#cart"> — est ignoré, car seules les références du même document sont résolues. Sur les très grandes pages (plus de 10 000 éléments), l'analyse des fonds CSS est sautée pour la vitesse. Et la passe plafonne à 2 000 SVG en ligne, en laissant de côté tout SVG dépassant environ 2 Mo de balisage. Tout cela apparaît dans le compte et la ligne d'état du popup plutôt que de réduire l'archive en silence.

Vais-je récupérer la même icône plusieurs fois ?

Non. Les icônes réutilisées dans une page sont dédoublonnées avant la construction de l'archive : chaque SVG distinct n'apparaît qu'une fois. S'il ne vous faut qu'un seul glyphe plutôt que tout le jeu, l'enregistrer seul avec Télécharger le SVG courant est plus rapide.

Prenez tout le jeu d'icônes en un clic

Gratuit, privé, et il fait le dédoublonnage et la comptabilité pour vous.

Installer l'extension Toutes les fonctions →