Building a map, a contact page, or a delivery tracker and need a clear marker that reads at a glance? Start with the curated set at location icon. The collection focuses on white pins that stay sharp on high density screens and look balanced in minimal interfaces.
What you get on this page
Each asset is available as SVG for infinite scaling and PNG with a transparent background. Popular sizes include 16, 20, 24, 32, 48, 64, 128, 256, and 512, which covers common density buckets for web, iOS, and Android. You will find solid pins, outline variants, rounded silhouettes, and compact glyphs designed for tiny UI elements. Edges are clean, proportions are tuned for readability, and the icons render crisply on Retina and 4K displays.
Keywords to target naturally: location icon, map pin icon, GPS icon, navigation icon, address icon, geolocation icon, place marker, map pointer, pin icon PNG, location icon SVG, white location icon, location marker vector, transparent background PNG, UI icons.
Where to use it
Drop a pin next to a street address on your contact page, add it to a store locator, or highlight pickup points on a map. Product teams place the symbol in onboarding screens that request geolocation. Delivery and ride apps use it for pickup and drop off markers. Designers import SVG into Figma or Sketch to match brand color and corner radius. Developers inline vectors in React, Vue, or Angular to keep the DOM light and the icon pixel perfect.
Download and licensing
Select a style, choose a size, then download SVG or PNG. Use is free with attribution, or pick a commercial license to remove credit for client work. File names are predictable, which makes the assets easy to slot into a CMS library, a sprite, or a CI pipeline without manual renaming.
Accessibility and performance
Name files descriptively, for example location-icon-white.svg or map-pin-24.png. Provide alt text such as “white location icon” so screen readers have context. When you inline SVG, add a <title> element and a relevant role. Cache vectors, compress PNGs, and lazy load non critical media to protect Core Web Vitals, especially on pages that display many map markers.
Design tips
Use strong contrast between the white mark and the background, especially over photo tiles. Leave generous padding so labels do not collide with the pointer. For very small sizes, prefer the filled pin over thin outlines to prevent shimmer. If your system uses rounded corners, align the pin’s radius with other controls and symbols to keep the set coherent.
Related searches
location icon, map pin, GPS icon, navigation icon, geolocation icon, address icon, place marker, map pointer, pin icon PNG, location icon SVG, white location icon, vector map pin, transparent background PNG, contact page icon, store locator icon.