Penampil SVG

Penampil SVG. Pilih SVG lokal atau tempel sumbernya, lalu jalankan untuk melihat, memperbesar dan mengunduh.

Fitur yang didukung

Masukan: SVG · TXT
Keluaran: SVG · TXT · CSS
Format berkas: .svg

Penampil dan editor berkas

Cara memakai Penampil SVG

Penampil SVG. Pilih SVG lokal atau tempel sumbernya, lalu jalankan untuk melihat, memperbesar dan mengunduh.

Pilih SVG lokal atau tempel sumbernya, lalu jalankan untuk melihat, memperbesar dan mengunduh.
Gunakan SVG statis tanpa skrip, sumber eksternal, gambar tersemat, filter atau animasi.
Salin hasil atau unduh ke perangkat.

Penampil SVG · Contoh

Masukan

<svg xmlns="http://www.w3.org/2000/svg" width="320" height="200" viewBox="0 0 320 200">
  <rect width="320" height="200" rx="24" fill="#eef1ff"/>
  <circle cx="100" cy="100" r="58" fill="#5265d8"/>
  <path d="M172 140 L222 54 L272 140 Z" fill="#e98367"/>
</svg>

Keluaran

data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22320%22%20height%3D%22200%22%20viewBox%3D%220%200%20320%20200%22%3E%0A%20%20%3Crect%20width%3D%22320%22%20height%3D%22200%22%20rx%3D%2224%22%20fill%3D%22%23eef1ff%22%2F%3E%0A%20%20%3Ccircle%20cx%3D%22100%22%20cy%3D%22100%22%20r%3D%2258%22%20fill%3D%22%235265d8%22%2F%3E%0A%20%20%3Cpath%20d%3D%22M172%20140%20L222%2054%20L272%20140%20Z%22%20fill%3D%22%23e98367%22%2F%3E%0A%3C%2Fsvg%3E

Catatan penggunaan

Berkas dan masukan diproses di browser ini. Tanpa unggahan atau akun.

SVG terbatas: bentuk, teks dan gradien. Pola, masker dan penanda tidak didukung.

SVG ditampilkan sebagai gambar. Sumber tidak dimasukkan ke dokumen aplikasi.

Gunakan SVG statis tanpa skrip, sumber eksternal, gambar tersemat, filter atau animasi.