blocks|key|4383910|text|制作一个同名的png镜像(favicon.png)，并在以下文件中更改名称：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|4383911|index.html|4383912|<link+rel="icon"+type="image/x-icon"+href="favicon.png"+/>|code-block|syntax|javascript|4383913|angular-cli.json|4383914|"assets":+[
++++"assets",
++++"favicon.png"+
],|4383915|你再也看不到angular+default图标了。|4383916|大小应为32x32，如果大于此大小，则不会显示。|4383917|注意:这不适用于Angular+9|4383918|对于angular+9，你必须将favicon放入资源中，然后给出如下路径|4383919|​|4383920|<link+rel="icon"+type="image/x-icon"+href="assets/favicon.png">|4383921|4383922|entityMap^0|D|B|0|0|A|0|0|0|G|0|0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|15|8|@$9|16|A|17|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|18|8|@$9|19|A|1A|B|C]]|D|@]|E|$]]|$1|H|3|I|5|J|7|1B|8|@]|D|@]|E|$K|L]]|$1|M|3|N|5|6|7|1C|8|@$9|1D|A|1E|B|C]]|D|@]|E|$]]|$1|O|3|P|5|J|7|1F|8|@]|D|@]|E|$K|L]]|$1|Q|3|R|5|6|7|1G|8|@]|D|@]|E|$]]|$1|S|3|T|5|6|7|1H|8|@]|D|@]|E|$]]|$1|U|3|V|5|6|7|1I|8|@]|D|@]|E|$]]|$1|W|3|X|5|6|7|1J|8|@]|D|@]|E|$]]|$1|Y|3|Z|5|6|7|1K|8|@]|D|@]|E|$]]|$1|10|3|11|5|J|7|1L|8|@]|D|@]|E|$K|L]]|$1|12|3|Z|5|6|7|1M|8|@]|D|@]|E|$]]|$1|13|3|-4|5|6|7|1N|8|@]|D|@]|E|$]]]|14|$]]

Make a png image with same name (<code>favicon.png</code>) and change the name in these files:

<code>index.html</code>:

<pre class="lang-html prettyprint-override"><code>&lt;link rel="icon" type="image/x-icon" href="favicon.png" /&gt;
</code></pre>

<code>angular-cli.json</code>:

<pre><code>"assets": [
 "assets",
 "favicon.png" 
],
</code></pre>

And you will never see the angular default icon again.

Size should be 32x32, if more than this it will not display.

NOTE:
This will not work with Angular 9

For angular 9 you have to put favicon inside assets then give path like

<div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;link rel="icon" type="image/x-icon" href="assets/favicon.png"&gt;</code></pre>
</div>
</div>

blocks|key|4384467|text|导航到文件最终为我解决了这个问题。在我的例子中：http://localhost:4200/favicon.ico|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|4384468|我曾尝试刷新、停止和重新启动ng+serve，“清空缓存和硬重新加载”，都不起作用。|style|CODE|4384469|entityMap|0|LINK|mutability|MUTABLE|url|http://localhost:4200/favicon.ico^0|O|X|0|0|E|8|0^^$0|@$1|2|3|4|5|6|7|P|8|@]|9|@$A|Q|B|R|1|S]]|C|$]]|$1|D|3|E|5|6|7|T|8|@$A|U|B|V|F|G]]|9|@]|C|$]]|$1|H|3|-4|5|6|7|W|8|@]|9|@]|C|$]]]|I|$J|$5|K|L|M|C|$N|O]]]]

Navigating to the file finally fixed this for me. In my case: <a href="http://localhost:4200/favicon.ico" rel="noreferrer">http://localhost:4200/favicon.ico</a>

I had tried to refresh, stop and start <code>ng serve</code> again, and "Empty Cache and Hard Reload", none worked.

blocks|key|4384706|text|确保浏览器下载新版本的favicon并且不使用缓存的版本，您可以向favicon+url添加一个伪参数：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4384707|<link+rel="icon"+type="image/x-icon"+href="favicon.ico?any=param">|code-block|syntax|javascript|4384708|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

The ensure the browser downloads a new version of the favicon and does not use a cached version you can add a dummy parameter to the favicon url:

<pre><code>&lt;link rel="icon" type="image/x-icon" href="favicon.ico?any=param"&gt;
</code></pre>

blocks|key|4384091|text|我们可以改变角度CLI的图标。我们必须将图标文件放在"assets“文件夹中，并在index.html中给出该路径。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4384092|<link+rel="icon"+type="image/x-icon"+href="./assets/images/favicon.png">，这是我的工作。|offset|length|style|CODE|4384093|entityMap^0|0|0|20|0^^$0|@$1|2|3|4|5|6|7|J|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|K|8|@$D|L|E|M|F|G]]|9|@]|A|$]]|$1|H|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|I|$]]

we can change angular CLI favicon icon. we have to put icon file in "assets" folder and give that path in index.html.

<code>&lt;link rel="icon" type="image/x-icon" href="./assets/images/favicon.png"&gt;
</code>
It's work for me.

blocks|key|4384384|text|对于Angular+6，将大小为32x32的favicon.png放入资源文件夹中，然后更改index.html中的路径。然后,|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|4384385|<link+rel="icon"+type="image/x-icon"+href="./assets/favicon.png">|code-block|syntax|javascript|4384386|entityMap^0|G|5|M|B|1A|A|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@$9|N|A|O|B|C]|$9|P|A|Q|B|C]|$9|R|A|S|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|T|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|U|8|@]|D|@]|E|$]]]|L|$]]

For Angular 6, put <code>favicon.png</code> of size <code>32x32</code> in the asset folder and change the path in <code>index.html</code>. Then, 

<pre><code>&lt;link rel="icon" type="image/x-icon" href="./assets/favicon.png"&gt;
</code></pre>

blocks|key|4384967|text|制作一个扩展名为.ico的图标图像，并将其复制并替换为src文件夹中的默认favicon文件。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4384968|index.html|offset|length|style|CODE|4384969|<link+rel="icon"+type="image/x-icon"+href="favicon.ico"+/>|code-block|syntax|javascript|4384970|angular.json|4384971|**"assets":+[
++++++++++"src/favicon.ico",
++++++++++"src/assets"
++++++++],**|4384972|entityMap^0|0|0|A|0|0|0|C|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|T|8|@$D|U|E|V|F|G]]|9|@]|A|$]]|$1|H|3|I|5|J|7|W|8|@]|9|@]|A|$K|L]]|$1|M|3|N|5|6|7|X|8|@$D|Y|E|Z|F|G]]|9|@]|A|$]]|$1|O|3|P|5|J|7|10|8|@]|9|@]|A|$K|L]]|$1|Q|3|-4|5|6|7|11|8|@]|9|@]|A|$]]]|R|$]]

Make a icon image with the extension .ico and copy and replace it with default favicon file in src folder.

<code>index.html</code>:

<pre class="lang-html prettyprint-override"><code>&lt;link rel="icon" type="image/x-icon" href="favicon.ico" /&gt;
</code></pre>

<code>angular.json</code>:

<pre><code>**"assets": [
 "src/favicon.ico",
 "src/assets"
 ],**
</code></pre>

blocks|key|4384369|text|要为任何WEB项目重新加载FAVICON，请执行以下操作：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4384370|在图标上单击鼠标右键，然后单击“重新加载”。每次都有效。|4384371|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|F|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|G|8|@]|9|@]|A|$]]|$1|D|3|-4|5|6|7|H|8|@]|9|@]|A|$]]]|E|$]]

TO RELOAD FAVICON FOR ANY WEB PROJECT:

Right click on the favicon and click 'reload'. Works every time.

blocks|key|4384568|text|将favicon.ico移动到您的资源，然后移动到img文件夹，之后只更改标题中的图标链接标记。当favicon根本没有显示时，它对我很有帮助。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4384569|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

Move favicon.ico to your assets and then to img folder, and after that only change your icon link tag in header.
It helps me when favicon was not displayed at all.

blocks|key|4385009|text|好的，这里是2020年的9.1.12。我不明白为什么这个过程会如此困难。我几乎关注了上面的每一个帖子，但没有一个对我有效。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4385010|真正起作用的是:完全删除了index.html中的favicon引用。这是完全违反直觉的，但它是有效的。您不需要将其放在assets文件夹中。我尝试了所有这些建议，但不幸的是，这些建议都没有奏效。|offset|length|style|CODE|4385011|index.html|4385012||code-block|syntax|javascript|4385013|angular.json|4385014|"assets":+[
++"src/favicon.ico",
++"src/assets"
],|4385015|当我运行ng+build+--prod时，图标就在那里。也会在我的实时服务器上显示。|4385016|entityMap^0|0|1O|6|0|0|A|0|0|0|C|0|0|4|F|0^^$0|@$1|2|3|4|5|6|7|W|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|X|8|@$D|Y|E|Z|F|G]]|9|@]|A|$]]|$1|H|3|I|5|6|7|10|8|@$D|11|E|12|F|G]]|9|@]|A|$]]|$1|J|3|K|5|L|7|13|8|@]|9|@]|A|$M|N]]|$1|O|3|P|5|6|7|14|8|@$D|15|E|16|F|G]]|9|@]|A|$]]|$1|Q|3|R|5|L|7|17|8|@]|9|@]|A|$M|N]]|$1|S|3|T|5|6|7|18|8|@$D|19|E|1A|F|G]]|9|@]|A|$]]|$1|U|3|-4|5|6|7|1B|8|@]|9|@]|A|$]]]|V|$]]

Ok, here in 2020 on 9.1.12. I don't understand why exactly this process is so difficult. I followed almost every post above and none of them worked for me.
What DID work was this: Totally removing the favicon reference in index.html. It's totally counter intuitive but it works. You DON'T need to put it in the <code>assets</code> folder. I tried all of that but unfortunately none of those suggestions worked.
<code>index.html</code>
<pre><code>&lt;!-- &lt;link rel=&quot;icon&quot; type=&quot;image/x-icon&quot; href=&quot;favicon.ico&quot;&gt; DELETE THIS --&gt;
</code></pre>
<code>angular.json</code>
<pre><code>&quot;assets&quot;: [
 &quot;src/favicon.ico&quot;,
 &quot;src/assets&quot;
],
</code></pre>
and when I run <code>ng build --prod</code>, the favicon is there. Displays on my live server too.

blocks|key|4384221|text|我已经玩了一段时间了。事实证明，这个图标显然是由一个名为@scematics的节点模块处理的(至少在Angular5中是这样)。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4384222|您可以在此文件夹中更改您的收藏图标：|4384223|[YourProjectName]\node_modules\@schematics\angular\application\files\__sourcedir__|code-block|syntax|javascript|4384224|在该文件夹中应该有一个favicon.ico，这就是加载的那个。我很害羞，这并不适用于每个人，但它对我很有效。|4384225|希望这能帮上忙。编码快乐！:D|4384226|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|P|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|Q|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|R|8|@]|9|@]|A|$]]|$1|K|3|L|5|6|7|S|8|@]|9|@]|A|$]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

I was playing around with this for a little while.
Turns out that the favicon is apparently handled by a node module called @scematics (at least in Angular5).

You can change your favicon in this folder:

<pre><code>[YourProjectName]\node_modules\@schematics\angular\application\files\__sourcedir__
</code></pre>

In that folder there should be a favicon.ico, that's the one that is loaded.
Im pretty shure this doesnt apply to everyone but it worked out for me.

Hope this helped.
Happy coding! :D

blocks|key|4384894|text|对于那些需要动态添加favicon的人，这里是我使用应用初始化器所做的：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4384895|import+{+APP_INITIALIZER,+FactoryProvider+}+from+'@angular/core'

export+function+faviconInitFactory+()+{

+return+()+=>+{
++const+link:+any+=+document.querySelector(`link[rel*='icon']`)+%7C%7C+document.createElement('link')
++link.type+=+'image/x-icon'
++link.rel+=+'shortcut+icon'

++if+(someExpression)+{
++++link.href+=+'url'+%7C%7C+'base64'
++}+else+{
++++link.href+=+'url'+%7C%7C+'base64'
++}

++document.getElementsByTagName('head')[+0+].appendChild(link)
}

}

export+const+FAVICON_INIT_PROVIDER:+FactoryProvider+=+{
++provide:+APP_INITIALIZER,
++multi:+true,
++useFactory:+faviconInitFactory,
++deps:+[]
}|code-block|syntax|javascript|4384896|只需删除src/下的fav.ico文件并添加以下内容。favicon将在应用程序启动前添加|4384897|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

For those needing a dynamically added favicon here is what I did with an app initializer:

<pre><code>import { APP_INITIALIZER, FactoryProvider } from '@angular/core'

export function faviconInitFactory () {

 return () =&gt; {
 const link: any = document.querySelector(`link[rel*='icon']`) || document.createElement('link')
 link.type = 'image/x-icon'
 link.rel = 'shortcut icon'

 if (someExpression) {
 link.href = 'url' || 'base64'
 } else {
 link.href = 'url' || 'base64'
 }

 document.getElementsByTagName('head')[ 0 ].appendChild(link)
}

}

export const FAVICON_INIT_PROVIDER: FactoryProvider = {
 provide: APP_INITIALIZER,
 multi: true,
 useFactory: faviconInitFactory,
 deps: []
}
</code></pre>

Just remove fav.ico file under src/ and add this. The favicon will be added before app start

blocks|key|4384354|text|<link+rel="icon"+type="image/x-icon"+href="#">|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|4384355|添加你的图标的源代码，然后重新启动应用程序，它将会改变。|unstyled|4384356|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|J|8|@]|9|@]|A|$]]|$1|G|3|-4|5|F|7|K|8|@]|9|@]|A|$]]]|H|$]]

<pre><code>&lt;link rel="icon" type="image/x-icon" href="#"&gt;
</code></pre>

Add source of your icon and restart app it will change.

blocks|key|4384521|text|当你使用图标图片时，请确保它不是被操纵的扩展名，就像你下载一个png图片，然后手动将其扩展名从png改为icon一样。在这种情况下，您的图像将被损坏。浏览器无法理解。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|4384522|我做了这个错误，但在使用原始图标图像后，它开始工作。|4384523|entityMap^0|V|3|1B|3|1G|4|0|0^^$0|@$1|2|3|4|5|6|7|J|8|@$9|K|A|L|B|C]|$9|M|A|N|B|C]|$9|O|A|P|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|Q|8|@]|D|@]|E|$]]|$1|H|3|-4|5|6|7|R|8|@]|D|@]|E|$]]]|I|$]]

Make sure when you use icon image it is not manipulated extension, like if you download a <code>png</code> image and then manually change its extension from <code>png</code> to <code>icon</code>. In this case, your image will be corrupted. And browser does not understand.

I did this mistake, but after using original icon image its start working.

blocks|key|4384596|text|1.检查index.html文件上的链接标记，它应该如下所示。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4384597|<link+red="icon"+type="image/x-icon"+href="favicon.ico">|offset|length|style|CODE|4384598|2.检查/src目录中favicon.ico的文件名。|4384599|3.使用ng服务重新运行Angular并刷新应用程序。|4384600|4.如果它没有显示(或者看起来像是在缓冲旧的favicon.ico文件)。尝试再次刷新图标路径以加载favicon.ico文件(例如，刷新您的域名.com/folicon.ico)|4384601|entityMap^0|0|0|1K|0|0|0|0^^$0|@$1|2|3|4|5|6|7|P|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|Q|8|@$D|R|E|S|F|G]]|9|@]|A|$]]|$1|H|3|I|5|6|7|T|8|@]|9|@]|A|$]]|$1|J|3|K|5|6|7|U|8|@]|9|@]|A|$]]|$1|L|3|M|5|6|7|V|8|@]|9|@]|A|$]]|$1|N|3|-4|5|6|7|W|8|@]|9|@]|A|$]]]|O|$]]

1.Check your link tag on index.html file that it should look like this.
<code>&lt;link red=&quot;icon&quot; type=&quot;image/x-icon&quot; href=&quot;favicon.ico&quot;&gt;</code>
2.Check file name of favicon.ico in /src directory.
3.Rerun Angular with ng serve and refresh application.
4.If it doesn't show (or something look like it buffer old favicon.ico file). try to refresh path of favicon again to load favicon.ico file (eg. refresh yourdomain.com/favicon.ico)

blocks|key|4384242|text|<link+rel="icon"+type="image/x-icon"+href="assets/liana.jpg">

"assets":+[

++++++++"assets/sorry.jpg",
++++++++"assets/liana.jpg"

++],|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|4384243|这对我很有效。|unstyled|4384244|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|J|8|@]|9|@]|A|$]]|$1|G|3|-4|5|F|7|K|8|@]|9|@]|A|$]]]|H|$]]

<pre><code>&lt;link rel="icon" type="image/x-icon" href="assets/liana.jpg"&gt;

"assets": [

 "assets/sorry.jpg",
 "assets/liana.jpg"

 ],
</code></pre>

this worked for me.

blocks|key|4384872|text|在我的例子中，问题是我的尺寸与正常尺寸不同。我有48x48+px，而它应该是32x32+px，而我的扩展名是png，所以我必须将其更改为ico|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|4384873|entityMap^0|O|8|12|8|1W|3|0^^$0|@$1|2|3|4|5|6|7|H|8|@$9|I|A|J|B|C]|$9|K|A|L|B|C]|$9|M|A|N|B|C]]|D|@]|E|$]]|$1|F|3|-4|5|6|7|O|8|@]|D|@]|E|$]]]|G|$]]

In my case, the problem was that I had different dimensions compared to normal one. I had <code>48x48 px</code> whereas it was expecting <code>32x32 px</code> and my extension was png so I had to change it to <code>ico</code>

blocks|key|4385093|text|编辑器(在我的例子中是IDEA+2020.2)有时可以在href中的图标位置添加src/前缀。我是说|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|4385094|+<link+rel="icon"+...+href="src/favicon.ico">|code-block|syntax|javascript|4385095|而不是|4385096|++<link+rel="icon"+...+href="favicon.ico">|4385097|因此，在这种情况下，您应该在href中删除此src/部件。这为我解决了这个问题。|4385098|entityMap^0|S|4|14|4|0|0|0|0|E|4|M|4|0^^$0|@$1|2|3|4|5|6|7|S|8|@$9|T|A|U|B|C]|$9|V|A|W|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|X|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|Y|8|@]|D|@]|E|$]]|$1|M|3|N|5|H|7|Z|8|@]|D|@]|E|$I|J]]|$1|O|3|P|5|6|7|10|8|@$9|11|A|12|B|C]|$9|13|A|14|B|C]]|D|@]|E|$]]|$1|Q|3|-4|5|6|7|15|8|@]|D|@]|E|$]]]|R|$]]

An editor (in my case IDEA 2020.2) can sometimes add <code>src/</code> prefix to icon location in <code>href</code>.
I mean
<pre><code> &lt;link rel=&quot;icon&quot; ... href=&quot;src/favicon.ico&quot;&gt;
</code></pre>
instead of
<pre><code> &lt;link rel=&quot;icon&quot; ... href=&quot;favicon.ico&quot;&gt;
</code></pre>
So in this case you should remove this <code>src/</code> part in <code>href</code>. This solved the problem for me.

blocks|key|4385162|text|如果将角度升级到8%2B，则必须在angular.json中进行更改|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4385163|"assets":+[
++"assets",
++"favicon.ico"
]|code-block|syntax|javascript|4385164|至|4385165|"assets":+[
++{
++++"glob":+"**/*",
++++"input":+"src/assets/",
++++"output":+"/assets/"
++},
++{
++++"glob":+"favicon.ico",
++++"input":+"src/",
++++"output":+"/"
++}
]|4385166|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

If upgarde angular to 8+ you must change in angular.json
<pre><code>&quot;assets&quot;: [
 &quot;assets&quot;,
 &quot;favicon.ico&quot;
]
</code></pre>
to
<pre><code>&quot;assets&quot;: [
 {
 &quot;glob&quot;: &quot;**/*&quot;,
 &quot;input&quot;: &quot;src/assets/&quot;,
 &quot;output&quot;: &quot;/assets/&quot;
 },
 {
 &quot;glob&quot;: &quot;favicon.ico&quot;,
 &quot;input&quot;: &quot;src/&quot;,
 &quot;output&quot;: &quot;/&quot;
 }
]
</code></pre>

blocks|key|4384173|text|在mac上删除彩信图标缓存并重新启动浏览器对我来说很管用。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4384174|rm+~/Library/Application\+Support/Google/Chrome/Default/Favicons|code-block|syntax|javascript|4384175|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Deleting chromes favicon cache and restarting the browser on the mac worked for me.

<pre><code>rm ~/Library/Application\ Support/Google/Chrome/Default/Favicons
</code></pre>

blocks|key|4384275|text|我修复了这个问题，创建了自己的.ico文件，创建了一个assets文件夹，并将该文件放在那里。然后更改了Index.html中的链接href|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4384276|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

I fixed the issue by creating my own .ico file and created a assets folder and put the file over there. Then changed the link href in Index.html

How can I change the default favicon that is set by the Angular CLI?

I have tried many things, but it always shows the Angular logo as the favicon,
even though I have deleted that icon (favicon.ico in src folder). It still shows, and I don't know from where it's loaded from.

I have replaced that icon with another icon, but it still show the Angular logo:

<pre class="lang-html prettyprint-override"><code>&lt;link rel="icon" type="image/x-icon" href="favicon.ico"&gt;
</code></pre>

How to change Angular CLI favicon

服务器

如何更改Angular CLI设置的默认收藏夹图标？我尝试了很多东西，但它总是将Angular徽标显示为收藏图标，即使我已经删除了该图标( src文件夹中的favicon.ico)。它仍然显示，我不知道它是从哪里加载的。我已经用另一个图标替换了那个图标，但它仍然显示了Angular徽标：<link rel="icon" type="image/x-icon" href="favicon.ico">

问如何更改Angular CLI收藏图标
EN

回答 20

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何更改Angular CLI收藏图标EN

回答 20

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何更改Angular CLI收藏图标
EN