Customizing the Launcher Icon

By default, NanoLog uses a universally recognized "Bell" icon to indicate notifications and updates to your users. However, for a truly integrated experience, you might want to replace this default icon with something that better matches your application's specific branding or UI language.

NanoLog allows you to easily swap the default bell with a custom SVG icon.

Why use a Custom SVG Icon?

1. Brand Consistency: Your application might use a specific icon set (like Feather, Heroicons, or Phosphor). A custom SVG ensures the widget button looks like a native part of your UI rather than a third-party add-on.
2. Sharpness & Scaling: SVGs (Scalable Vector Graphics) are resolution-independent. They will look perfectly crisp on everything from a low-res mobile screen to a 4K Retina display without any pixelation.
3. Thematic Fit: If your app is a megaphone for announcements, or a gift box for new features, you can set the icon to represent that exact theme.

How to Set a Custom Icon

1. In your NanoLog dashboard, navigate to the Widget Settings.
2. Open the Custom Branding section.

1. Locate the Launcher Icon setting. Here, you have two options:
   • Select from a curated list of alternative built-in icons (like a Megaphone or the NanoLog "N").
   • Paste the raw XML/HTML code of your custom <svg> element directly into the input field.

1. The live preview on the right will instantly update to show your new icon. Click Save Settings.

Your custom SVG will now be rendered securely inside the launcher button on your live application.