How can I add a image/shape in navigation bar?

Question

I need to put shape or image that can when it scroll up or down it will never move in its position and it float it until navigation to footer.

Like this one a heart that fixed in every part of the website.

Without using spfx because i have a restriction installing anything in the pc.

Answer 1

You can develop a SPFx Application Customizer for adding the floating image/icon on all modern pages in SharePoint online.

Here's one SPFx extension sample which does similar things & will help you to get started with: Table Of Contents for SharePoint

---

Also check for SPFx samples given in below GitHub repositories which might help you:

1. sp-dev-fx-extensions
2. sp-dev-fx-webparts

Answer 2

According to my research and testing , unfortunately we cannot add a shape or image in SharePoint navigation bar. Here are a few things we can do:

1. Change the look of your page's navigation style, colors, and logo.
2. On a team site you can add, edit, or remove links on the navigation menu.
3. Edit the horizontal menu, footer menu (communication site only), or the hub site navigation bar that appears on all communication sites associated with a hub site.
4. Target navigational links to specific audiences with modern SharePoint in Microsoft 365 audience targeting.
5. Set up a multilingual site name, navigation and footer on Communication sites.

You can refer to this article: Customize the navigation on your SharePoint site

Thanks for your understanding.

===================================

If the answer is helpful, please click "√" on the left panel of the answer and kindly upvote it.