#24 Correct Favicons and Touch Icons to work well in all devices

Favicon checker

Analysis of https://libreflix.org
iOS Safari

    The high resolution Touch icon is absent
    There is no Touch icon
    There is no Touch icon in the root directory

Android Chrome

    The high resolution icon is absent
    There is no icon for Android Chrome
    The Web App Manifest is absent

Windows 8 and 10

    There is no Browser Configuration file at https://libreflix.org/browserconfig.xml
    There is no tile icon for Windows
    The Browser Configuration file is absent

Mac OS X El Capitan Safari

    The mask icon for Safari pinned tabs is absent
    The mask icon has no color

Classic, desktop browsers

    There is no favicon.ico in the root of your web site
    Image https://libreflix.org/libre-icon.png may not be useful regarding its size
    There is an icon for classic browsers

According to [favicon checker](https://realfavicongenerator.net/favicon_checker?protocol=https&site=libreflix.org) there is a lot of problems on our favicon to be show in some devices: ``` Favicon checker Analysis of https://libreflix.org iOS Safari The high resolution Touch icon is absent There is no Touch icon There is no Touch icon in the root directory Android Chrome The high resolution icon is absent There is no icon for Android Chrome The Web App Manifest is absent Windows 8 and 10 There is no Browser Configuration file at https://libreflix.org/browserconfig.xml There is no tile icon for Windows The Browser Configuration file is absent Mac OS X El Capitan Safari The mask icon for Safari pinned tabs is absent The mask icon has no color Classic, desktop browsers There is no favicon.ico in the root of your web site Image https://libreflix.org/libre-icon.png may not be useful regarding its size There is an icon for classic browsers ``` So we can fix that. A helpful link: https://diessi.ca/blog/a-guide-to-favicons-and-touch-icons/