Re: To Change icon in Fiori Launchpad

Hi Hazam,

You can replace the standard icon with a custom one following below easy steps:

1. Create a custom theme -> T-Code /UI5/THEME_DESIGNER
2. Build an Publish the theme
3. Download to local PC the theme published -> T-Code /UI5/THEME_TOOL
4. Extract the zip folder's
5. Add a custom icon image to path /Base/baseLib/<your_custom_theme>/img/misc/<your_image>.png
6. Add below custom .css code into path /UI5/sap/fiori/themes/<your_custom_theme>/library.css

div[title='Launch "<title_of_your_tile>"'] > span[aria-label="sap-logo-shape"] {

        bottom: 27px !important;

}

 

div[title='Launch "<title_of_your_tile>"'] > span[aria-label="sap-logo-shape"]:before {

    background-image: url("../../../../../Base/baseLib/<your_custom_theme>/img/misc/<your_image>.png") !important;

    background-size: 38px 38px !important;

    display: inline-block;

    width: 38px;

    height: 38px;

    content: " ";

}

7. Create a .zip archive and upload the custom theme

That's all! Refresh your page and new icon will appear!

Find in attachment my result on Fiori Luanchapd.

BR

Luca