When using a Noticeable widget with triggers of type Floating icon or Icon you can use pre-defined images or your own custom image.

How to set a custom image icon?

Open the Noticeable dashboard.
Select your project.
Click to Widgets from the left menu.
Select your widget and click on its name to open it for edition.
In the right menu, open the Trigger panel.
Find the option Icon Type and select Custom. Enter the URL to your image in the field that appears:

As an URL for your custom image icon, we recommend:

Using an SVG image. This has the benefit to scale well whatever the icon size is but also offers customizing its color from the Noticeable dashboard when the SVG currentColor keyword is used with fill and strokes inside SVG definitions. Using a PNG or JPEG image is not recommended as you will not be able to customize the icon color and the hover state color from the Noticeable dashboard.
Using an URL served with HTTPS.

FontAwesome icons have been tested to fit all requirements and work very well.
Was this article helpful?
Thank you!