Custom favicon in Yii2

Question

I am working with the Yii2 basic template. In layouts/main.php, in the head section, I have set

<link rel="shortcut icon" href="<?php echo Yii::$app->getHomeUrl(); ?>/favicon.ico" type="image/x-icon" />

or

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

or ... (so on), but anything seems to work. My application keeps on showing the basic template favicon instead of mine, that is in the root web folder as usual.

I know I could publish this file to avoid this problem, but I think there should be no need.

What am I doing wrong? And how does Yii2 displays its standard favicon anyway?

Answer 1

Another way to set the favicon as described in the documentaion is by adding something like this to the main.php file located under views/layouts. $this->registerLinkTag(['rel' => 'icon', 'type' => 'image/png', 'href' => '/favicon.png']);

Answer 2

You can do this as simple as adding an extra line to your AppAsset.php file:

public $css = [
        [
            'href' => 'path-to-your-icon/icon-32x32.png',
            'rel' => 'icon',
            'sizes' => '32x32',
        ],
        [
            'href' => 'path-to-your-icon/icon-192x192.png',
            'rel' => 'icon',
            'sizes' => '192x192',
        ],
        [
            'href' => 'path-to-your-icon/icon-180x180.png',
            'rel' => 'apple-touch-icon-precomposed',
        ],
        'css/site.css',        
    ];

Hope it will helps.

Answer 3

as rkm mentioned it's because of browser cache. Easy fix is to add version like ../favicon.ico?v=1 and browser will load new version.

Answer 4

I have the favicon.ico in app/web directory and the code below is working properly

 <link rel="shortcut icon" href="<?php echo Yii::$app->request->baseUrl; ?>/favicon.ico" type="image/x-icon" />