Add an icon to the map

Add an icon onto the map by utilizing an external URL and incorporate it into a symbol layer as specified in the style specification for layers.

Related examples

Add custom icons with markers

Example

Add custom marker icons to your map.

Add custom icon (PNG) to a point layer

Example

This example shows how to make a map with pins to display a point layer from a MapTiler Cloud Tileset using a custom PNG icon.

Add custom icon (SVG) to a point layer

Example

This example shows how to make a map with pins to display a point layer from a MapTiler Cloud Tileset using a custom SVG icon.

Add an animated icon to the map

Example

Add an animated icon to the map that was generated at runtime with the Canvas API.