Editor vektor SVG interaktif
Editor vektor browser tanpa jeda untuk warna, lebar goresan, viewBox, transformasi, padding, latar belakang, dan ekspor SVG/PNG langsung.
Direct canvas editing: select a part, then drag to move. Use the picker’s Replace selected or Add layer modes to build a composite SVG.
Sematkan beberapa ikon yang disesuaikan dan susun satu lembar simbol.
Belum ada ikon yang disematkan. Sematkan ikon untuk menggabungkannya dalam satu lembar.
Buat prompt AI atau perbaiki ikon di kanvas
Pilih preset, salin prompt ke alat AI Anda, atau perbaiki ikon di kanvas.
Editor vektor SVG interaktif
Editor vektor browser tanpa jeda untuk warna, lebar goresan, viewBox, transformasi, padding, latar belakang, dan ekspor SVG/PNG langsung.
Berkas .svg unggahan (maks. 2 MB), XML SVG tempelan, atau pencarian ikon langsung
SVG 2.0 bersih, PNG/WebP resolusi tinggi, JSX/TSX, Vue, Svelte, dan masker CSS
Pengeditan jalur DOM non-destruktif dengan 50 langkah Urungkan dan sanitasi lokal
Cara menggunakan Editor vektor SVG interaktif
-
1
Tempel markup SVG atau unggah berkas untuk memuatnya ke kanvas editor.
-
2
Pilih lapisan atau simpul mana pun, lalu ubah warna isi, garis, radius, dan posisi.
-
3
Aktifkan kisi dan panduan perataan untuk presisi tingkat piksel.
-
4
Unduh SVG hasil edit atau salin kode yang telah dibersihkan.
<circle cx="24" cy="24" r="12" fill="#f59e0b"/>
<circle cx="24" cy="24" r="16" fill="#f59e0b" stroke="#24324a"/>
Batasan
- Teks pada jalur (textPath) tidak dapat diedit di editor ini.
- Unggahan dibatasi 2 MiB per berkas.
- Ekspor Figma harus berformat SVG (ekspor PDF ditolak saat pembacaan).
Berkas yang Anda buka atau tempel di ruang kerja ini diproses secara lokal di browser Anda. Tidak ada yang diunggah ke server.