Ikon Lokasi Gratis (SVG)

48 ikon lokasi gratis dari set open-source — klik salah satu untuk mengubah ukuran, warna, dan stroke, lalu salin sebagai SVG, JSX, data URI, atau CSS.

Diperbarui

Cara menggunakan ikon lokasi

Pin peta menandai alamat, pencari toko, dan fitur “dekat saya”.

Semua ikon di sini mengikuti currentColor, jadi warnanya mengikuti warna teks elemen tempat ikon berada — satu SVG bisa dipakai di latar terang maupun gelap, di tautan maupun tombol. Atur width dan height secara eksplisit (atau atur ukurannya di CSS dengan 1em) agar tata letak tidak bergeser saat halaman dimuat.

Ikon yang ramah aksesibilitas

Jika ikon bersifat dekoratif atau berada di samping teks yang terlihat, tambahkan aria-hidden="true". Jika ikon adalah satu-satunya konten tombol atau tautan, beri elemen tersebut aria-label seperti “Lokasi”.

Lisensi

Ikon lokasi ini berasal dari Lucide, Tabler, Heroicons, Phosphor, Bootstrap Icons, Iconoir, Fluent UI, Material Symbols — set open-source di bawah lisensi MIT, ISC, atau Apache 2.0 yang memperbolehkan penggunaan pribadi dan komersial. Butuh yang lain? Cari semua 70.000+ ikon di SVG Icon Finder.

Pertanyaan yang sering diajukan

Apakah ikon lokasi ini gratis untuk penggunaan komersial?
Ya. Ikon ini berasal dari set ikon open-source di bawah lisensi MIT, ISC, atau Apache 2.0, yang memperbolehkan penggunaan komersial. Tetap cantumkan pemberitahuan lisensi jika kamu mendistribusikan ulang file ikonnya.
Bagaimana cara mengubah warna ikon lokasi?
SVG-nya memakai currentColor, jadi atur warna CSS pada elemen induk — atau buka ikon di pencari dan pilih warna tetap sebelum menyalin.
Bisakah saya memakai ikon ini di Webflow atau React?
Bisa. Buka ikon lalu gunakan Copy to Webflow (menempel sebagai Code Embed) atau Copy JSX untuk komponen React.