You can get desktop, iOS, Android and Windows Phone favicon meta tags with the dato.site.faviconMetaTags
method:
// dato.config.jsmodule.exports = (dato, root, i18n) => {// Create a YAML data file to store global data about the siteroot.createDataFile('data/settings.yml', 'yaml', {faviconMetaTags: toHtml(dato.site.faviconMetaTags),});};
This will be the content of src/data/settings.yml
:
faviconMetaTags: '<link rel="apple-touch-icon" sizes="57x57" href="https://www.datocms-assets.com/604/123-favicon.png?h=57&w=57"><link rel="apple-touch-icon" sizes="60x60" ...'
You can then use the generated snippet in the <head>
section of your static website.