Pembuat Ikon SVG

x-init="restore()" >

Buat ikon SVG sederhana tanpa mengirim desain Anda ke mana pun. Pilih satu dari 12 simbol bawaan, lalu atur ukuran keluaran, ketebalan dan warna garis, isian, warna latar, serta radius sudut. Berkas akhir memakai viewBox tetap 24×24 dan dapat disalin sebagai kode SVG atau diunduh sebagai berkas SVG.

Buat ikon dalam empat langkah

  1. 1

    Pilih simbol

    Pilih hati, bintang, tanda centang, silang, lingkaran, persegi, segitiga, panah, petir, bulan, matahari, atau lonceng. Semuanya preset tetap, bukan kanvas gambar bebas.

  2. 2

    Atur ukuran keluaran

    Pilih lebar dan tinggi 32 hingga 256 px. viewBox internal tetap 24×24.

  3. 3

    Atur gaya

    Atur garis dari 0,5 hingga 6, pilih warna, tanpa isian, currentColor atau warna garis, lalu latar dan radius sudut.

  4. 4

    Salin atau unduh

    Salin kode SVG atau unduh berkas. Unduhan memakai nama preset, misalnya heart.svg.

Hasil yang dibuat alat ini

Ekspor berisi SVG 24×24, persegi panjang latar, dan satu simbol preset. Cocok untuk mockup, antarmuka kecil, atau prototipe. Alat ini tidak mengimpor ilustrasi, mengedit titik path, menambah teks, atau membuat ikon khusus dari perintah.

Isian, penggunaan, dan privasi

Pilih Tidak ada untuk ikon garis. currentColor membuat isian mengikuti properti CSS color elemen induk pada SVG inline. Persegi panjang latar selalu ada dalam ekspor. Ikon dibuat di browser dan pengaturan tidak dikirim ke server kami. Dalam alur dua langkah, pengaturan sementara tersimpan di session storage tab ini.

Pertanyaan yang Sering Diajukan

Tidak. Alat ini menata 12 simbol bawaan. Gunakan editor path SVG untuk menggambar atau mengedit perintah path.

Tidak. Semua ekspor memakai viewBox 24×24. Hanya lebar dan tinggi keluaran yang dapat diubah dari 32 hingga 256 px.

Tidak. SVG dibuat di browser dan pengaturan tidak dikirim ke server kami.

Alat Terkait

Alat ini tersedia dalam bahasa lain