Marker Icon API Playground

Documentation
Check "Custom Map Markers" code samples to learn how to create map markers using Marker Icon API

Open the visual marker editor

Marker icon URL
https://api.geoapify.com/v2/icon/?type=material&color=red&size=42&icon=cloud&iconType=awesome&contentSize=15&scaleFactor=2&apiKey=YOUR_API_KEY
Marker string value
type:material;color:red;size:42;icon:cloud;icontype:awesome;contentsize:15
Generated map marker icon preview with custom styling and colors
Icon size: 21 x 21px, shadow adds: -21px
DPI scale factor:
Marker icon type:
Size:
px
Icon Color:
Stroke color:
Shadow color:
Content color:
Content icon type:
Content icon:
Choose one from the list or get an icon code on Font Awesome icons
Content size:
px
Content text:
Add a short text that fits to the icon. Leave empty to draw icon.
Add white circle:
Add shadow: