devpack
EnglishEspañolPortuguêsBahasa IndonesiaFrançaisРусскийDeutschTiếng Việt

Icon vị trí miễn phí (SVG)

48 icon vị trí miễn phí từ các bộ icon mã nguồn mở — nhấp vào một icon để đổi kích thước, màu và độ dày nét, rồi sao chép dưới dạng SVG, JSX, data URI hoặc CSS.

Cập nhật

map-pin
Lucidemap-pin
Tablermap-pin
Heroiconsmap-pin
Phosphorpin-map
Bootstrap Iconsmap-pin
Iconoirmap-pin-20-filled
Fluent UIbus-map-pin
Material Symbolsmap-pin-x
Lucidemap-pin-filled
Tablermap-pin-16-solid
Heroiconsmap-pin-bold
Phosphorpin-map-fill
Bootstrap Iconsmap-pin-plus
Iconoirmap-pin-20-regular
Fluent UIbus-map-pin-outline
Material Symbolsmap-pin-off
Lucidemap-pin-2
Tablermap-pin-20-solid
Heroiconsmap-pin-duotone
Phosphormap-pin-minus
Iconoirbus-map-pin-outline-rounded
Material Symbolsmap-pin-pen
Lucidemap-pin-x
Tablermap-pin-solid
Heroiconsmap-pin-fill
Phosphormap-pin-xmark
Iconoirbus-map-pin-outline-sharp
Material Symbolsmap-pin-plus
Lucidemap-pin-up
Tablermap-pin-light
Phosphorbus-map-pin-rounded
Material Symbolsmap-pin-check
Lucidemap-pin-cog
Tablermap-pin-line
Phosphorbus-map-pin-sharp
Material Symbolsmap-pin-house
Lucidemap-pin-off
Tablermap-pin-thin
Phosphormap-pin-heart
Material Symbolsmap-pin-minus
Lucidemap-pin-pin
Tablermap-pin-area
Phosphormap-pin-heart-outline
Material Symbolsmap-pin-search
Lucidemap-pin-bolt
Tablermap-pin-area-bold
Phosphormap-pin-heart-outline-rounded
Material Symbols

Cách dùng icon vị trí

Ghim bản đồ đánh dấu địa chỉ, trình tìm cửa hàng và tính năng “gần tôi”.

Tất cả icon ở đây đều tuân theo currentColor, nên chúng nhận màu chữ của phần tử chứa chúng — một SVG dùng được trên nền sáng lẫn nền tối, trong liên kết lẫn nút bấm. Hãy đặt rõ width và height (hoặc chỉnh kích thước bằng CSS với 1em) để bố cục không bị xô lệch khi trang đang tải.

Icon hỗ trợ truy cập

Nếu icon chỉ mang tính trang trí hoặc đứng cạnh chữ hiển thị, hãy thêm aria-hidden="true". Nếu nó là nội dung duy nhất của một nút hoặc liên kết, hãy gán cho phần tử đó aria-label như “Vị trí”.

Giấy phép

Các icon vị trí này đến từ Lucide, Tabler, Heroicons, Phosphor, Bootstrap Icons, Iconoir, Fluent UI, Material Symbols — các bộ mã nguồn mở theo giấy phép MIT, ISC hoặc Apache 2.0, cho phép sử dụng cá nhân và thương mại. Cần thứ khác? Tìm trong SVG Icon Finder với hơn 70.000 icon.

Câu hỏi thường gặp

Icon vị trí này có miễn phí để dùng thương mại không?
Có. Chúng đến từ các bộ icon mã nguồn mở theo giấy phép MIT, ISC hoặc Apache 2.0, cho phép dùng thương mại. Nếu bạn phân phối lại chính các file icon, hãy giữ lại thông báo giấy phép.
Làm thế nào để đổi màu icon vị trí?
Các SVG dùng currentColor, nên bạn chỉ cần đặt thuộc tính color CSS cho phần tử cha — hoặc mở icon trong trình tìm kiếm và chọn một màu cố định trước khi sao chép.
Tôi có thể dùng icon này trong Webflow hoặc React không?
Được. Mở một icon và dùng Copy to Webflow (dán vào Code Embed) hoặc Copy JSX cho component React.