Skip to main content
Create your locator

Free tool

Map Marker Generator

Design a custom map pin — shape, icon, colour, gradient, shadow — and download it as PNG, SVG or WebP. No account.

Quick Start

Shape

Icon

No icons match "" in . Try a broader word, or .

Marker will display without an icon (solid fill only)

Colors

Effects

Preview

Format

Resolution

Anchor at the bottom centre: the tip is the bottom edge.

Need a full store locator?

Add your custom markers to an interactive map with search, filters, and analytics.

Create your locator

How to Create Custom Map Markers

1

Choose Your Shape

Select from 8 different marker shapes including classic pins, circles, squares, shields, and more. Each shape is optimized for visibility on maps at various zoom levels.

2

Add an Icon or Logo

Pick from more than 50 icons, or upload your own logo. Icons are automatically centered and scaled for perfect alignment.

3

Customize Colors & Effects

Use solid colors or beautiful gradients. Add shadows for depth, borders for contrast, and adjust sizes to match your map's style. Preview on light and dark maps to ensure visibility.

4

Download & Use

Download as PNG (with retina support), SVG (for infinite scaling), or WebP (for modern browsers). Use your markers in Google Maps, Mapbox, Leaflet, or any mapping platform.

Map Marker Best Practices

  • Keep it simple: Simple icons are easier to recognize at small sizes. Avoid complex logos or detailed graphics.
  • Use high contrast: Your marker should stand out against both light (standard) and dark (satellite/terrain) map backgrounds.
  • Consider size: Markers are typically viewed at 24-48 pixels. Test at smaller sizes before finalizing.
  • Be consistent: If using multiple marker types (stores, warehouses, etc.), use the same shape with different colors or icons.
  • Add shadows: A subtle shadow helps markers "pop" from the map and improves depth perception.

Frequently Asked Questions

For most mapping platforms, 32-48 pixels is ideal for standard displays. For retina and HiDPI screens, export at 2x or 3x. If you are feeding a marker into the Google Static Maps API specifically, keep it within its documented 64x64 pixel ceiling; the JavaScript API has no such limit.
PNG is the most widely supported and works everywhere. SVG scales infinitely without quality loss, perfect for responsive designs. WebP offers smaller file sizes for modern browsers.
Yes! Markers you create with this tool are yours to use for any purpose, including commercial projects. The library icons are Heroicons, released under the MIT license, which allows commercial use.
Download your marker as PNG, then use it as the marker image in the Google Maps JavaScript API: the content of an AdvancedMarkerElement, or the icon of the older Marker class. Both put the bottom centre of the image on the location. A pin or shield downloads with its tip on that bottom edge, so it lands on the spot; for other shapes, anchor the image at its centre. For the simplest approach, use a store locator tool like StoreRocket that handles this automatically.
Custom markers reinforce your brand identity, improve user experience by conveying information at a glance (different icons for different location types), and help your map stand out from generic implementations. They're especially important for store locators and dealer maps.

Ready to help customers
find you?

Import your spreadsheet, match your website, and publish during the free trial.

Create your locator See it in action

7 days free · No card · No automatic charge

5.0 on Capterra · 17,000+ businesses