To use an icon for any of your tooltips, add the icon: true, setting to any of your tooltip items from step 2.

<script>
  window.wmTooltipItems = [
    {
      href: "#tooltip-one",
      content: 'Tooltip Content',
      icon: true,
    },
    {
      href: "#tooltip-two",
      content: "Your tooltip content would go here",
    },
    // Add More...
  ]
</script>
 

Custom Icon

To use your own Icon place the below code in your Site Header Code Injection and swap the SVG for your own.

<script>
  window.wmTooltipSettings = {
    customIcon: `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-question-mark"></svg>`,
  };
</script>
Previous

Tooltip with a Link in the content