Lewati ke konten
Studio Tanpa Daftar Akun | 100% Diproses di Browser Anda

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.

100%
Tambah bentuk:

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.

X: 12.0 | Y: 12.0 WCAG AAA | 17.4:1
Bicycle - Bootstrap Icons iconFree Bicycle vector icon from the Bootstrap Icons open-source icon library; outline style, MIT licence, viewBox 0 0 16 16, 616 bytes.
Properti vektor: bootstrap-regular-bicycle | Edit di editor SVG 24x24 | 0.3 KB
Pratinjau ukuran langsung:
16px
24px
32px
Antarmuka gelap
studio

Baki sprite banyak ikon

Sematkan beberapa ikon yang disesuaikan dan susun satu lembar simbol.

Belum ada ikon yang disematkan. Sematkan ikon untuk menggabungkannya dalam satu lembar.

Prompt AI dan peningkatan vektor

Buat prompt AI atau perbaiki ikon di kanvas

Pilih preset, salin prompt ke alat AI Anda, atau perbaiki ikon di kanvas.

Dokumentasi teknis dan panduan rekayasa

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.

Sumber masukan yang didukung

Berkas SVG 1.1/2.0, kode XML mentah, atau ikon katalog bawaan

Target ekspor dan kompilasi

SVG teroptimasi, PNG (64–2048 px), WebP, React TSX, Vue 3, Svelte, Data URI CSS, Sprite SVG

Dampak teknis dan performa

Menggabungkan pengeditan vektor, pencahayaan 3D, optimasi, dan ekspor kode di peramban

Cara menggunakan Vector Studio dan ruang kerja ikon 3D

  1. 1

    Buka ruang kerja Studio dari menu Alat lalu mulai ilustrasi baru atau impor berkas SVG.

  2. 2

    Edit lapisan, warna, titik gradien, dan ketebalan garis langsung di panel inspektur.

  3. 3

    Terapkan prasetel pencahayaan 3D atau aktifkan animasi gerak untuk lencana ikon.

  4. 4

    Ekspor SVG bersih, PNG atau WebP resolusi tinggi, atau salin kode komponen framework.

Contoh input

shield.svg diimpor dari penyimpanan lokal (satu lapisan jalur)

Contoh output

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.

Panduan untuk alat ini

Ketik untuk mencari di 76.166 ikon vektor...

Navigasi | Enter untuk buka Jelajahi Semua Ikon

Bandingkan

Lisensi Penggunaan komersial Atribusi Ubah atau warnai ulang
MITDiizinkanPemberitahuan di paketDiizinkan
ISCDiizinkanPemberitahuan di paketDiizinkan
Apache-2.0DiizinkanWajib dengan berkas pemberitahuanDiizinkan
CC BY 4.0DiizinkanWajib kreditDiizinkan
CC-BY-SA-4.0DiizinkanBerbagi serupaBerbagi serupa
Trademark / BrandHanya penggunaan rujukanPanduan pemilikTerbatas

Pratinjau ikon