Add custom symbols to a web map that are retained when embedded in a website

Summary

To visualize data in a diverse ways, ArcGIS Online provides a variety of styles that can result in more meaningful and visually appealing maps. Apart from the default symbols, there is the option to use custom images. This article describes two methods to add custom symbols to a web map that are retained when the web map is embedded in a web site.

Procedure

1. In the web map, navigate to the feature layer.
2. Click Change Style and go to Options for the symbol style.
3. Click Symbols and go to Use an Image option.
4. Paste the URL, and click the plus sign (+).
5. Click OK.
6. Save the web map.
7. Click Share and select Everyone (public).
8. Click Embed in Website and copy the embed HTML to paste into a web page.

Note:
For best results, use square images (JPEG, PNG or GIF), not greater than 120 x 120 pixels. If the size of the image is greater than that, it is adjusted to fit. This may cause some distortion of the original image.

1. Sign in to ArcGIS Online Organization.
2. Upload the image to ArcGIS Online Content. Refer to the ArcGIS Online Help topic: Add Items. This adds the image as an item in your content.
3. Go to the item details page of the new item, click Share, and check Everyone.
4. Copy the URL of the item 
5. Open the web map 
6. Click Change Style.
7. Click Symbols and select the Use an Image option.
8. Paste the URL, and click the plus sign (+).
9. Click OK.
10. Save the web map.
11. Click Share and select Everyone (public).
12. Click Embed in Website and copy the embed HTML to paste into a web page.