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

Generator matriks ikon SVG dan badge

Sintesis parametrik ikon SVG dengan bingkai squircle/heks kustom, gradien multi-berhenti, badge status, dan ekspor framework seketika.

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
icon-generator

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

Generator matriks ikon SVG dan badge

Sintesis parametrik ikon SVG dengan bingkai squircle/heks kustom, gradien multi-berhenti, badge status, dan ekspor framework seketika.

Sumber masukan yang didukung

Ikon vektor katalog, jalur SVG kustom, dan prasetel bentuk lencana geometris

Target ekspor dan kompilasi

SVG bercahaya 3D, lencana PNG/WebP 512/1024 px, dan prompt AI terstruktur

Dampak teknis dan performa

Menghasilkan lencana vektor tajam di bawah 2 KB tanpa berkas raster berukuran besar

Cara menggunakan Generator matriks ikon SVG dan badge

  1. 1

    Pilih ikon dasar dari pustaka atau impor jalur SVG milik Anda sendiri.

  2. 2

    Tentukan bentuk lencana (squircle, persegi membulat, lingkaran) dan bingkainya.

  3. 3

    Terapkan gradien serta pencahayaan 3D, lalu tambahkan teks lencana bila perlu.

  4. 4

    Ekspor ikon siap pakai ke berbagai ukuran target sekaligus.

Contoh input

Jalur ikon lentera ditambah teks lencana "NEW"

Contoh output

PNG 512 px dengan pencahayaan gradien beserta berkas SVG dan latar CSS

Batasan

  • Ukuran teks lencana bergantung pada fon yang dipilih dan dapat bergeser pada ukuran kecil.
  • Ekspor raster pada generator ini dibatasi hingga 1024 px per sisi.
  • Satu tata letak lencana dibuat per proses; untuk lembar multi-ikon gunakan pembuat sprite.
  • Berkas SVG yang diimpor dibatasi maksimal 2 MB.

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