![downloads](https://img.shields.io/npm/dt/angular-favicon?style=flat-square)
![license](https://img.shields.io/npm/l/angular-favicon?style=flat-square)
[![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg?style=flat-square)](https://github.com/prettier/prettier)

# Angular Favicon

Use this Angular service to set the favicon of a site. 

You can also set an alternative favicon. This second favicon will be automatically shown when the browser/OS theme is set (or switches!) to dark mode.

![](favicon-demo.gif)

## Usage

Install via npm:
```shell
npm install --save angular-favicon
```

Use it anywhere in your project:
```js
import { Component, OnInit } from '@angular/core';
import { AngularFaviconService } from 'angular-favicon';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.scss']
})
export class AppComponent implements OnInit {
  constructor(private ngxFavicon: AngularFaviconService) {}

  ngOnInit() {
    this.ngxFavicon.setFavicon(favicon_url);
    // OR 
    this.ngxFavicon.setFavicon(favicon_url, alt_favicon_url);
  }
}

```