BEST
DEALS
OF THE
YEAR!
SAVE UP TO $3,000
24 NOV
1 DEC
00 Days
00 Hrs
00 Min
00 Sec
Open Closed

The favicon appears in the Tab Header Bar but doesn't show up when creating a shortcut. #6774


User avatar
0
Katherine created

Check the docs before asking a question: https://support.abp.io/QA/Questions/4270/Changing-the-favicon Check the samples to see the basic tasks: https://docs.abp.io/en/cosmercial/latest/samples/index The exact solution to your question may have been answered before, and please first use the search on the homepage. Provide us with the following info:

  • ABP Framework version: v6.0.2
  • UI Type: MVC
  • Database System: EF Core (SQL Server)
  • Tiered (for MVC) or Auth Server Separated (for Angular): No
  • Exception message and full stack trace:
  • Steps to reproduce the issue:

The favicon appears in the Tab Header Bar but doesn't show up when creating a shortcut


1 Answer(s)
  • User Avatar
    0
    liangshiwei created
    Fullstack Developer

    Hi,

    You can try this:

    Default.cshtml

    <link rel="icon" href="~/images/favicon/favicon.ico" type="image/x-icon">
    

    FaviconViewComponent

    public class FaviconViewComponent : AbpViewComponent
    {
        public virtual IViewComponentResult Invoke()
        {
            return View("~/<Your file path>/Default.cshtml");
        }
    }
    
    Configure<AbpLayoutHookOptions>(options =>
    {
        options.Add(
            LayoutHooks.Head.First, 
            typeof(FaviconViewComponent)
        );
    });
    

Boost Your Development
ABP Live Training
Packages
See Trainings
Mastering ABP Framework Book
The Official Guide
Mastering
ABP Framework
Learn More
Mastering ABP Framework Book
Made with ❤️ on ABP v10.1.0-preview. Updated on November 20, 2025, 09:12
1
ABP Assistant
🔐 You need to be logged in to use the chatbot. Please log in first.