Scopre ogni SVG sulla pagina — inline, esterni, sprite e data URI. Anteprima a varie dimensioni, copia il codice o scarica file ottimizzati.
SVG-urile sunt peste tot pe site-urile web moderne — logo-uri, iconițe, ilustrații, grafică decorativă, vizualizări de date — dar extragerea lor este surprinzător de dificilă. SVG-urile inline sunt integrate direct în HTML și nu pot fi "salvate ca imagine". Sprite-urile SVG folosesc referințe use/symbol care nu se rezolvă în fișiere de sine stătătoare. SVG-urile externe încărcate prin img src sau CSS nu pot fi inspectate fără a deschide tab-ul de rețea.
SVG Grabber gestionează automat toate aceste surse. Scanează DOM-ul după SVG-uri inline, rezolvă referințele de sprite la definițiile lor complete de symbol, găsește URL-uri SVG externe și decodează data URI-uri SVG. Fiecare SVG este afișat într-o galerie cu previzualizare live, iar dumneavoastră puteți comuta între fundaluri deschise, întunecate și în carouri (checkerboard) pentru a verifica transparența.
SVG-urile care folosesc currentColor pentru fill sau stroke — un tipar frecvent pentru iconițele menite să preia culoarea din textul înconjurător — sunt detectate și semnalate, deoarece extragerea codului brut pentru acestea păstrează comportamentul lor de colorare tematică, spre deosebire de o captură de ecran rasterizată, care ar fixa permanent orice culoare era afișată în momentul capturii. Copiați codul SVG brut pentru a-l integra inline în componentele dumneavoastră sau descărcați SVG-ul ca fișier gata de utilizare în proiectul dumneavoastră.
Trova SVG da tutte le fonti: inline, esterni, sprite use/symbol e data URI base64.
Anteprima su sfondi scuro, chiaro e a scacchiera per verificare la trasparenza.
Copia il markup SVG completo con un clic per incollare nel tuo codice.
Scarica singoli SVG come file .svg con nomi significativi.
Ogni SVG mostra tipo sorgente, dimensioni viewBox e posizione nel DOM.
Quando la pagina usa sprite con use/symbol, viene risolto il simbolo completo standalone.
Visita un sito con ottime icone e cattura l'intero set SVG.
Cattura loghi SVG alla qualità vettoriale originale.
Copia il codice SVG per studiare come sono strutturate le illustrazioni.
Cattura SVG dal sito di riferimento e integrali nel tuo sistema di icone.
Verifica come gli SVG sono implementati — inline, esterni o sprite.
Apri il dock e clicca sull'icona Estrattore SVG.
Una griglia di miniature mostra ogni SVG trovato.
Clicca per un'anteprima più grande con opzioni di sfondo.
Copia il codice SVG o scarica il file.
Torna alla galleria per esplorare altri SVG.
Instalează DevSuite Pro gratuit și deblochează peste 64 de instrumente pentru dezvoltatori în browserul tău.
