web-dev-qa-db-fra.com

Comment extraire svg en tant que fichier depuis une page Web

 enter image description here

 enter image description here

Je veux enregistrer le fichier SVG en tant que fichier à partir de cette page https://www.lightningdesignsystem.com/icons/ Existe-t-il une extension Chrome ou un autre moyen de le faire?

3
vladdihoney

À moins que je ne vous comprenne mal, cela pourrait être aussi simple que d’inspecter (F12) l’icône de la page pour révéler le chemin du fichier source .svg, en y accédant directement ( Exemple ), puis en affichant le code source de la page avec Control+u. Ensuite, sauvegardez ce code.

5
mayersdesign

Solution en 3 étapes Copiez l'extrait de code svg et collez-le dans une nouvelle page html . Enregistrez la page html sous le nom logo.html, puis ouvrez cette page html dans Chrome . ce pdf peut maintenant être ouvert dans illustrator en extrayant l'élément vectoriel.

4
Pete Mandy

Ils sont tous consignés sous Éléments dans les outils de développement de Google Chromes.

page

<svg><path xmlns="http://www.w3.org/2000/svg" d="M18.6 6.8l-4.3-2.2a.8.8 0 0 0-.6 0l-4 2-4.1-2a.7.7 0 0 0-.7.1.7.7 0 0 0-.3.6v10.8a.7.7 0 0 0 .4.6l4.3 2.1a.8.8 0 0 0 .6 0l4-2 4 2a.6.6 0 0 0 .3.1.7.7 0 0 0 .4-.1.7.7 0 0 0 .4-.6V7.4a.7.7 0 0 0-.4-.6zm-1.1 1.4v5.7a.4.4 0 0 1-.6.4c-1.2-.4-.3-2.3-1.1-3.3-.7-.9-1.7 0-2.6-1.4-.9-1.4.3-2.5 1.4-3a.5.5 0 0 1 .4 0l2.2 1.1a.5.5 0 0 1 .3.5zm-6.1 8.3a.5.5 0 0 1-.5-.1 1.6 1.6 0 0 1-.6-1.1c0-.7-1.2-.4-1.2-1.9 0-1.2-1.3-1.5-2.5-1.3a.5.5 0 0 1-.5-.5V7.2a.4.4 0 0 1 .6-.4l2.6 1.3a.1.1 0 0 1 .1 0l.1.1c1.1.6.8 1.1.4 1.9-.5.9-.7 0-1.4-.3s-1.5.3-1.2.8.9 0 1.4.4.5 1.2 1.9.8 1.7-.3 2.2.2a1.5 1.5 0 0 1 0 2.2c-.4.4-.6 1.3-.8 1.9a.5.5 0 0 1-.2.3z"/></svg>

3
Chris

Vous pouvez télécharger des fichiers individuels à partir de leur site, comme @mayerdesign l’a indiqué, ou cliquer sur le lien de téléchargement à gauche pour télécharger le pack complet.

PACK COMPLET

2
Syfer

Je ne sais pas si cela a déjà été répondu correctement ou non. Bien. Le téléchargement du fichier à partir de la source n’est pas la résolution. Comment récupérer * .svg depuis l'URL.

J'ai installé l'add-on 'svg-grabber' dans Google Chrome. Cela ne résout que partiellement mon problème, car Google Chrome ne propose pas le raccourci vers la page précédente.

J'essayais de télécharger les fichiers depuis l'URL, mais je continuais à avoir une erreur, à savoir qu'il n'y avait pas de fichiers svg sur cette page quand je peux en voir 40. Vous pouvez cliquer dessus pour qu'ils s'ouvrent, mais vous ne pouvez pas l'enregistrer.

Le dossier dans WordPress: .../static/img/icons /

J'ai ajouté le module complémentaire "Retour en arrière" dans Chrome, car je devais cliquer sur chaque fichier séparément, comme s'il s'agissait d'icônes blanches (que je recherche actuellement), vous ne les verrez pas. Vous devez cliquer sur le fichier. Puis de nouveau. Cela prenait trop de temps. Maintenant c'est bien. Il y a un logiciel pour télécharger un dossier spécifique, mais je ne veux pas télécharger la moitié de l'internet, juste pour avoir un blanc.

Lorsque vous cliquez sur une icône blanche, un nouvel onglet s'ouvre, mais il est tout blanc. Cliquez ensuite sur l'icône svg-grabber dans Chrome pour l'ouvrir dans une nouvelle fenêtre sur un fond noir avec un bouton permettant de télécharger tous les svg.

0
Luke Lozowski