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 an animated icon to the map
        
        
Add an animated icon to the map

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

      
    

    

      
        
          
          Add custom icons with markers
        
        
Add custom icons with markers

        Example
        
Add custom marker icons to your map.

      
    

    

      
        
          
          How to add a custom icon (PNG) to a point layer
        
        
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.

      
    

    

      
        
          
          How to add a custom icon (SVG) to a point layer
        
        
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.

      
    




      
      

      
        An extension of MapLibre GL JS