[Pro] Use custom vector icons

You are here:

While the plugin as an option to add vector icons, you might need to use a different one. Here are 2 solutions:

  • Use the ‘Image Markers’ instead and upload your icon as an image;
  • Create an addon plugin to add a custom vector icon to the list of available icons;

Using the Image Markers

You can use the Image Markers options to upload your custom icon as an image. If your icon has the SVG format, WordPress won’t allow you to upload it, but there are several plugins that help you workaround this limitations, for example, Safe SVG plugin.

This will allow you to simply use your SVG as an image marker. The downside of this approach is that you won’t be able to add different colours for your image, it will act as a static image.

Add custom vector

If you want to add a custom vector shape to the list of available icon markers, you’ll need to add a custom addon plugin that will add your icon to the list. This is not trivial because you won’t be adding the SVG marker, but rather the SVG path of the icon. This works better if your icon only has one path. You should extract the path of your icon and add it to the custom plugin, following this structure:

You can then install this as a normal plugin.

Posted by Carlos Moreira

Lead developer of Interactive Geo Maps plugin.