## Installation

To set a HomeScreen icon you have to insert the following line in the file `~/pialert/front/php/templates/header.php` between the tags &lt;head&gt; and &lt;/head&gt;.

```
  <link rel="apple-touch-icon" href="https://[URL]/[YourIcon]">
```

Example

```
  <link rel="apple-touch-icon" href="https://raw.githubusercontent.com/leiweibau/Pi.Alert/main/front/img/favicons/glass_black_white.png">
```

## Glass icons

 | ![glass_black_white.png][glass_black_white] | ![glass_blue_white.png][glass_blue_white] | ![glass_green_white.png][glass_green_white] | ![glass_red_white.png][glass_red_white]     | ![glass_purple_white.png][glass_purple_white] | ![glass_yellow_white.png][glass_yellow_white] |
 | ------------------------------------------- | ----------------------------------------- | ------------------------------------------- | ------------------------------------------- | --------------------------------------------- | --------------------------------------------- |
 | glass_black_white.png                       | &nbsp;glass_blue_white.png&nbsp;          | glass_green_white.png                       | &nbsp;&nbsp;glass_red_white.png&nbsp;&nbsp; | glass_purple_white.png                        | glass_yellow_white.png                        | 
 | ![glass_white_black.png][glass_white_black] | ![glass_blue_black.png][glass_blue_black] | ![glass_green_black.png][glass_green_black] | ![glass_red_black.png][glass_red_black]     | ![glass_purple_black.png][glass_purple_black] | ![glass_yellow_black.png][glass_yellow_black] |
 | glass_white_black.png                       | glass_blue_black.png                      | glass_green_black.png                       | glass_red_black.png                         | glass_yellow_black.png                        | glass_yellow_white.png                        |

## Flat icons

 | ![flat_black_white.png][flat_black_white] | ![flat_blue_white.png][flat_blue_white] | ![flat_green_white.png][flat_green_white] | ![flat_red_white.png][flat_red_white]      | ![flat_purple_white.png][flat_purple_white] | ![flat_yellow_white.png][flat_yellow_white] |
 | ----------------------------------------- | --------------------------------------- | ----------------------------------------- | ------------------------------------------ | ------------------------------------------- | ------------------------------------------- |
 | flat_black_white.png                      | &nbsp;flat_blue_white.png&nbsp;         | flat_green_white.png                      | &nbsp;&nbsp;flat_red_white.png&nbsp;&nbsp; | flat_purple_white.png                       | flat_yellow_white.png                       | 
 | ![flat_white_black.png][flat_white_black] | ![flat_blue_black.png][flat_blue_black] | ![flat_green_black.png][flat_green_black] | ![flat_red_black.png][flat_red_black]      | ![flat_purple_black.png][flat_purple_black] | ![flat_yellow_black.png][flat_yellow_black] |
 | flat_white_black.png                      | flat_blue_black.png                     | flat_green_black.png                      | flat_red_black.png                         | flat_yellow_black.png                       | flat_yellow_white.png                       |

[Back](https://github.com/leiweibau/Pi.Alert#front)

[glass_black_white]:    /front/img/favicons/glass_black_white.png       "glass_black_white.png"
[glass_blue_white]:     /front/img/favicons/glass_blue_white.png        "glass_blue_white.png"
[glass_green_white]:    /front/img/favicons/glass_green_white.png       "glass_green_white.png"
[glass_red_white]:      /front/img/favicons/glass_red_white.png         "glass_red_white.png"
[glass_purple_white]:   /front/img/favicons/glass_purple_white.png      "glass_purple_white.png"
[glass_yellow_white]:   /front/img/favicons/glass_yellow_white.png      "glass_yellow_white.png"
[glass_blue_black]:     /front/img/favicons/glass_blue_black.png        "glass_blue_black.png"
[glass_green_black]:    /front/img/favicons/glass_green_black.png       "glass_green_black.png"
[glass_red_black]:      /front/img/favicons/glass_red_black.png         "glass_red_black.png"
[glass_purple_black]:   /front/img/favicons/glass_purple_black.png      "glass_purple_black.png"
[glass_yellow_black]:   /front/img/favicons/glass_yellow_black.png      "glass_yellow_black.png"
[glass_white_black]:    /front/img/favicons/glass_white_black.png       "glass_white_black.png"

[flat_black_white]:    /front/img/favicons/flat_black_white.png         "flat_black_white.png"
[flat_blue_white]:     /front/img/favicons/flat_blue_white.png          "flat_blue_white.png"
[flat_green_white]:    /front/img/favicons/flat_green_white.png         "flat_green_white.png"
[flat_red_white]:      /front/img/favicons/flat_red_white.png           "flat_red_white.png"
[flat_purple_white]:   /front/img/favicons/flat_purple_white.png        "flat_purple_white.png"
[flat_yellow_white]:   /front/img/favicons/flat_yellow_white.png        "flat_yellow_white.png"
[flat_blue_black]:     /front/img/favicons/flat_blue_black.png          "flat_blue_black.png"
[flat_green_black]:    /front/img/favicons/flat_green_black.png         "flat_green_black.png"
[flat_red_black]:      /front/img/favicons/flat_red_black.png           "flat_red_black.png"
[flat_purple_black]:   /front/img/favicons/flat_purple_black.png        "flat_purple_black.png"
[flat_yellow_black]:   /front/img/favicons/flat_yellow_black.png        "flat_yellow_black.png"
[flat_white_black]:    /front/img/favicons/flat_white_black.png         "flat_white_black.png"
