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

Marker will display without an icon (solid fill only)

Colors

Effects

Preview

px × px

Need a full store locator?

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

Try StoreRocket free

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

Browse our library of 1000+ icons from Font Awesome and Material Design, 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 icons from Font Awesome and Material Design are available under permissive licenses that allow commercial use.
Download your marker as PNG, then use the Google Maps JavaScript API's Marker class with the icon property pointing to your image URL. 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.