Developer Tools

Editor Path SVG

Edit dan optimasi path SVG secara visual

Pratinjau

100%

Perintah: 0Titik: 0Path Length: 0pxSize: 174

Path Code

Data Path

ViewBox

Decimal Precision

Stroke Color

Fill Color

Stroke Width: 2px

SVG Code

<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
  <path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z" fill="none" stroke="#000000" stroke-width="2" />
</svg>

Path Command Reference

M/m

Move to

L/l

Line to

H/h

Horizontal line

V/v

Vertical line

C/c

Cubic Bézier

S/s

Smooth cubic

Q/q

Quadratic Bézier

T/t

Smooth quadratic

A/a

Elliptical arc

Z/z

Close path

Mengapa menggunakan Editor Path SVG?

✓100% Gratis - Tidak ada biaya tersembunyi atau fitur premium
✓Tanpa Daftar - Gunakan langsung tanpa membuat akun
✓Privasi Utama - Semua pemrosesan terjadi di browser Anda. Data Anda tidak pernah meninggalkan perangkat
✓Sangat Cepat - Hasil instan tanpa penundaan server

Cara Menggunakan

Masukkan atau tempel teks Anda di area input di atas
Alat akan memproses input Anda secara otomatis
Salin hasilnya atau unduh sebagai file

Fitur

✓Editor canvas visual dengan manipulasi titik
✓Parsing dan tampilan perintah path
✓Transformasi: pindahkan, skala, rotasi
✓Pratinjau real-time
✓Ekspor SVG yang dioptimasi

Alat Terkait

Konverter Warna Generator CSS Grid Box Shadow Generator