TL
Tool Lab
💰Donate
💰Donate

SVG Viewer & Editor

Paste SVG code and preview it instantly with zoom controls.

SVG

Tentang alat ini

Tempel markup SVG dan langsung lihat bagaimana tampilannya di canvas browser. SVG adalah format vektor berbasis XML yang diskalakan sempurna ke ukuran layar apa pun.

Mode latar belakang (kotak-kotak, putih, hitam) membantu Anda menilai area transparan dan kontras warna.

Cara penggunaan

  1. Tempel atau ketik kode SVG di tab Editor.
  2. Beralih ke tab Pratinjau untuk melihat hasil yang dirender.
  3. Sesuaikan zoom dan latar belakang untuk inspeksi yang lebih mudah.
  4. Klik Salin SVG atau Unduh SVG saat siap.

Kasus penggunaan

Desainer memverifikasi ekspor SVG dari Figma atau Illustrator. Pengembang men-debug markup SVG inline. Insinyur frontend mengonfirmasi area transparan dengan latar kotak-kotak.

Pertanyaan umum

  • Apakah kode SVG saya dikirim ke server? — Tidak. Pratinjau dirender seluruhnya di browser Anda. Tidak ada yang diunggah atau disimpan.
  • Mengapa SVG saya tampak kosong? — Periksa apakah elemen root <svg> memiliki viewBox atau width/height eksplisit, dan apakah warna fill berbeda dari latar belakang.
  • Bisakah saya mengedit dan mengunduh ulang? — Ya. Edit di tab Editor, verifikasi di Pratinjau, lalu klik Unduh SVG.