Vector Studio dan ruang kerja ikon 3D
Studi interaktif di browser untuk menyesuaikan lintasan SVG, gradien multi-berhenti, pencahayaan volumetrik 3D, animasi gerakan, dan ekspor kode multi-framework.
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.
Vector Studio dan ruang kerja ikon 3D
Studi interaktif di browser untuk menyesuaikan lintasan SVG, gradien multi-berhenti, pencahayaan volumetrik 3D, animasi gerakan, dan ekspor kode multi-framework.
Berkas SVG 1.1/2.0, kode XML mentah, atau ikon katalog bawaan
SVG teroptimasi, PNG (64–2048 px), WebP, React TSX, Vue 3, Svelte, Data URI CSS, Sprite SVG
Menggabungkan pengeditan vektor, pencahayaan 3D, optimasi, dan ekspor kode di peramban
Cara menggunakan Vector Studio dan ruang kerja ikon 3D
-
1
Buka ruang kerja Studio dari menu Alat lalu mulai ilustrasi baru atau impor berkas SVG.
-
2
Edit lapisan, warna, titik gradien, dan ketebalan garis langsung di panel inspektur.
-
3
Terapkan prasetel pencahayaan 3D atau aktifkan animasi gerak untuk lencana ikon.
-
4
Ekspor SVG bersih, PNG atau WebP resolusi tinggi, atau salin kode komponen framework.
shield.svg diimpor dari penyimpanan lokal (satu lapisan jalur)
SVG dengan gradien terukur beserta komponen JSX yang mendukung className
Batasan
- Prasetel pencahayaan 3D tampil paling optimal pada bentuk cembung dengan satu arah cahaya.
- Riwayat urungkan menyimpan maksimal 50 langkah per sesi.
- Ukuran impor dibatasi hingga 2 MiB per berkas.
Berkas yang Anda buka atau tempel di ruang kerja ini diproses secara lokal di browser Anda. Tidak ada yang diunggah ke server.