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
Android2 - Bootstrap Icons iconFree Android2 vector icon from the Bootstrap Icons open-source icon library; scalable W3C SVG 2.0 graphic for web and design use.
Properti vektor: bootstrap-regular-android2 | 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

AI & Procedural 3D Icon Generator - Badge Builder, Lighting & Prompt Studio

Transform flat monochrome UI icons into vibrant 3D squircle app icons, duotone brand badges, and animated micro-interaction vectors. The Procedural Icon Generator combines SVG <feDropShadow> lighting filters, multi-stop gradients, optical padding, and an integrated AI Prompt Studio for Claude, ChatGPT, Midjourney, and v0.

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

Sumber masukan yang didukung

76,166 base vector icons + custom geometric primitives + AI style presets

Target ekspor dan kompilasi

3D-lit SVG, 1024x1024 / 2048x2048 App Store PNG/WebP, AI Engineering Prompts

Dampak teknis dan performa

Generates resolution-independent 3D badge icons at < 2 KB instead of heavy 200 KB raster renders

Cara menggunakan Generator matriks ikon SVG dan badge

  1. 1

    Pick a base icon from the library or import your own SVG path.

  2. 2

    Choose the badge shape (squircle, rounded square, circle) and border.

  3. 3

    Apply gradient stops and 3D lighting, then add badge text if needed.

  4. 4

    Export the ready icon in every target size at once.

Contoh input

A lantern icon path plus badge text "NEW"

Contoh output

PNG 512 with gradient lighting plus matching SVG and CSS background

Batasan

  • Badge text metrics depend on the selected font and may shift at small sizes.
  • Raster exports are limited to 1024 px per side.
  • One badge layout is rendered per run; multi-icon sheets belong to the sprite tool.

Berkas yang Anda buka atau tempel di ruang kerja ini diproses secara lokal di browser Anda. Tidak ada yang diunggah ke server.

Ketik untuk mencari di 76,166 ikon vektor...

Navigasi | Enter untuk buka Jelajahi Semua Ikon

Bandingkan

Sumber dan lisensi ikon

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