Customizing Embedded Report Toolbar Icons

Hi tks1011 ,

Please review the following links, I hope they will assist you in achieving the requirement.

Configure embedded report settings | Microsoft Learn

Use the action bar to enhance user experience in a Power BI embedded analytics application | Microsoft Learn

var models = window['powerbi-client'].models;

var embedConfiguration = {
    type: 'report',
    id: '<Your Report ID>',
    embedUrl: '<Your Embed URL>',
    accessToken: '<Your Access Token>',
    tokenType: models.TokenType.Embed,
    settings: {
        panes: {
            filters: {
                visible: false
            },
            pageNavigation: {
                visible: false
            }
        },
        navContentPaneEnabled: false,
        layoutType: models.LayoutType.Custom,
        customLayout: {
            displayOption: models.DisplayOption.FitToWidth
        },
        toolbar: {
            visible: true,
            exportData: false,
            bookmarks: false,
            filters: false,
            comments: false,
            custom: [{
                name: "customButton",
                title: "Custom Button",
                icon: "<svg>...</svg>",
                tooltip: "Click this custom button",
                onAction: function() {
                    console.log("Custom button clicked");
                }
            }]
        }
    }
};

Best Regards