> For the complete documentation index, see [llms.txt](https://cranford-tech.gitbook.io/beautiful-maps-mapbox/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://cranford-tech.gitbook.io/beautiful-maps-mapbox/loading-markers/using-custom-icons.md).

# Using custom icons

You can use your own images for marker icons.

### The same custom icon for all markers

You can add a custom marker that will be the same for all icons by adding an image to the '**Icon Image (Single)**' field (in the Custom Icon Inputs section) of the '**Add a List of Markers**' action:

<figure><img src="/files/6sK4mtsCrTvjCfzURA4U" alt=""><figcaption></figcaption></figure>

### Multiple different custom icons

You can use different custom icons for your markers by adding a list of images to the '**Icon Image (Multiple)**' field (in the Custom Icon Inputs section) of the '**Add a List of Markers**' action. The icon image will appear for its associated location:

<figure><img src="/files/AvMXGeObt34diD3DqCP9" alt=""><figcaption></figcaption></figure>

### Video tutorial

The below video tutorial shows how you can add custom icons to a map:

{% embed url="<https://www.youtube.com/watch?v=RRl133FBGlM>" %}

### Demo app

You can view an example of how to add custom icons for markers at the demo app below. The relevant section is the '**Adding different style markers on the same Map**' section:

{% embed url="<https://beautiful-maps-mapbox.bubbleapps.io/>" %}

### &#x20;