Temukan setiap SVG — inline, eksternal, sprite, dan data URI.
Temukan setiap SVG — inline, eksternal, sprite, dan data URI secara instan. Alat ini memudahkan Anda mengambil aset vektor berkualitas tinggi dari situs web mana pun tanpa harus membongkar kode sumber secara manual.
Menemukan SVG dari setiap sumber di halaman: elemen <svg> inline di DOM, file .svg eksternal yang dimuat via tag img atau object, SVG pada background-image CSS, referensi sprite use/symbol (diuraikan menjadi SVG lengkap), dan SVG yang dienkripsi dengan base64 data URI.
Pratinjau setiap SVG pada berbagai ukuran (asli, 2x, 4x) dengan tiga pilihan latar belakang: gelap, terang (putih), dan kotak-kotak (checkerboard). Latar kotak-kotak membantu memperlihatkan area transparansi yang mungkin tidak terlihat pada latar warna tunggal.
Klik "Salin SVG" untuk mendapatkan markup SVG lengkap — termasuk viewBox, path, group, dan semua atributnya. Tempelkan langsung ke HTML, JSX, template Vue, atau file sprite SVG Anda. Kodenya bersih dan terformat dengan rapi.
Unduh SVG individu sebagai file .svg dengan deklarasi XML dan pengkodean yang tepat. File diberi nama berdasarkan ID, nama class, atau aria-label dari SVG tersebut — bukan sekadar nama generik "download.svg".
Setiap SVG menunjukkan tipe sumbernya (inline, eksternal, sprite, data URI), dimensi viewBox, ukuran file, dan lokasi di mana ia ditemukan dalam DOM. Berguna untuk memahami strategi implementasi SVG pada suatu situs.
Saat sebuah halaman menggunakan sprite SVG dengan referensi use href="#nama-ikon", SVG Grabber menguraikan setiap referensi tersebut ke definisi simbol lengkapnya — memberikan Anda SVG mandiri yang utuh, bukan hanya elemen use saja.
Kunjungi situs web dengan sistem ikon yang bagus dan ambil seluruh set ikon SVG-nya. SVG Grabber menemukan ikon dalam sprite, SVG inline, dan file eksternal — mengumpulkan seluruh pustaka ikon terlepas dari cara implementasinya.
Butuh logo SVG sebuah perusahaan untuk halaman kemitraan, studi kasus, atau materi pers? Kebanyakan logo di situs web modern adalah SVG. SVG Grabber menemukan dan mengekstraknya dalam kualitas vektor asli — dapat diskalakan tanpa batas.
Mempelajari bagaimana situs web produksi mengimplementasikan ilustrasi SVG yang kompleks, animasi, atau visualisasi data. Salin kode mentah SVG untuk memeriksa struktur path, konfigurasi viewBox, dan penerapan animasi CSS.
Beralih ke sistem ikon baru? Ambil SVG dari situs referensi, masukkan ke dalam sprite SVG atau sistem ikon berbasis komponen Anda. Kode SVG yang bersih dengan nilai viewBox yang tepat siap untuk integrasi.
Tinjau bagaimana SVG diimplementasikan di situs Anda — apakah secara inline (bagus untuk manipulasi), eksternal (bagus untuk caching), atau sprite (bagus untuk efisiensi)? SVG Grabber menunjukkan tipe sumber untuk setiap SVG, membantu Anda mengoptimalkan strategi SVG Anda.
Buka dok mengambang DevSuite Pro dan klik ikon Pengambil SVG. Alat ini akan memindai halaman untuk mencari semua sumber SVG dan membangun galeri.
Grid thumbnail SVG akan muncul menampilkan setiap SVG yang ditemukan di halaman. Setiap entri menunjukkan nama SVG, tipe sumber, dan dimensi viewBox.
Klik pada SVG apa pun untuk membuka pratinjau yang lebih besar. Beralihlah di antara latar belakang gelap, terang, dan kotak-kotak. Ubah ukuran pratinjau untuk melihat bagaimana SVG tersebut diskalakan.
Klik "Salin SVG" untuk mendapatkan markup mentah guna disisipkan dalam kode Anda, atau "Unduh" untuk menyimpannya sebagai file .svg mandiri ke perangkat Anda.
Kembali ke galeri untuk mengeksplorasi lebih banyak SVG. Lencana angka menunjukkan total jumlah SVG yang ditemukan di halaman tersebut.
Instal DevSuite Pro secara gratis dan buka 64+ alat pengembang untuk browser Anda.
