How to change Angular CLI favicon

by

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

index.html:

<link rel="icon" type="image/x-icon" href="https://stackoverflow.com/questions/40817280/favicon.png" />

angular-cli.json:

"assets": [
    "assets",
    "https://stackoverflow.com/questions/40817280/favicon.png" 
],

And you will never see the angular default icon again.

Size should be 32×32, 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

<link rel="icon" type="image/x-icon" href="https://stackoverflow.com/questions/40817280/assets/favicon.png">

More Related Contents:

  1. Error: Local workspace file (‘angular.json’) could not be found
  2. Global Angular CLI version greater than local version
  3. Angular 15 CLI does not create environments folder when creating an angular project via ng new
  4. How to change angular port from 4200 to any other
  5. angular-cli server – how to proxy API requests to another server?
  6. Angular CLI Error: The serve command requires to be run in an Angular project, but a project definition could not be found
  7. Angular Cli Webpack, How to add or bundle external js files?
  8. Angular CLI SASS options
  9. PowerShell script add ‘–prod’ argument to build Angular CLI project
  10. How do I support Internet Explorer in an Angular 8 application?
  11. Is there a compatibility list for Angular / Angular-CLI and Node.js?
  12. How to load image (and other assets) in Angular an project?
  13. jQuery is not defined in bootstrap-sass
  14. How to decrease prod bundle size?
  15. angular-cli where is webpack.config.js file – new angular6 does not support ng eject
  16. Dynamically load HTML template in angular2
  17. ctorParameters.map is not a function in angular2-mdl
  18. How to set environment via `ng serve` in Angular 6
  19. How to debug angular app using angular-cli webpack?
  20. Error installing Angular using npm due to require-from-string
  21. Cannot find name ‘require’ after upgrading to Angular4
  22. Include assets when building angular library
  23. Message “the term ‘ng’ is not recognized as the name of a cmdlet”
  24. How to uninstall/upgrade Angular CLI?
  25. How to get rid of the warning .ts file is part of the TypeScript compilation but it’s unused
  26. Syntax Error in Angular App: Unexpected token
  27. Whats the default path for static files in Angular2?
  28. Using Angular CLI and unable to use relative image paths in CSS files
  29. Angular5: Deploying Angular application to multiple clients
  30. How to generate components in a specific folder with Angular CLI?

Leave a Comment