Добавил фавиконки (статика, простое копирование файлов в корень папки сборки)

gulpfile.js

@@ -206,6 +206,17 @@ gulp.task('copy:fonts', function () {
     .pipe(gulp.dest(dirs.buildPath + '/fonts'));
 });
 
+// Фавиконки
+gulp.task('copy:favicon', function () {
+  console.log('---------- Копирование фавиконок');
+  return gulp.src(dirs.srcPath + '/favicon/*.{png,ico,svg}')
+    .pipe(gulp.dest(dirs.buildPath + '/img/favicon'));
+});
+gulp.task('copy:favicon:data', function () {
+  return gulp.src(dirs.srcPath + '/favicon/*.{xml,webmanifest}')
+    .pipe(gulp.dest(dirs.buildPath + '/'));
+});
+
 // Сборка SVG-спрайта для блока sprite-svg
 let spriteSvgPath = dirs.srcPath + dirs.blocksDirName + '/sprite-svg/svg/';
 gulp.task('sprite:svg', function (callback) {
@@ -402,7 +413,7 @@ gulp.task('img:opt', function (callback) {
 // Сборка всего
 gulp.task('build', gulp.series(
   'clean',
-  gulp.parallel('sprite:svg', 'sprite:png'),
+  gulp.parallel('sprite:svg', 'sprite:png', 'copy:favicon', 'copy:favicon:data'),
   gulp.parallel('style', 'style:single', 'js', 'copy:css', 'copy:img', 'copy:js', 'copy:fonts'),
   'pug'
 ));

src/favicon/browserconfig.xml

+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig>
+    <msapplication>
+        <tile>
+            <square150x150logo src="/img/favicon/mstile-150x150.png"/>
+            <TileColor>#ffffff</TileColor>
+        </tile>
+    </msapplication>
+</browserconfig>

src/favicon/safari-pinned-tab.svg

+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="260.000000pt" height="260.000000pt" viewBox="0 0 260.000000 260.000000"
+ preserveAspectRatio="xMidYMid meet">
+<metadata>
+Created by potrace 1.11, written by Peter Selinger 2001-2013
+</metadata>
+<g transform="translate(0.000000,260.000000) scale(0.100000,-0.100000)"
+fill="#000000" stroke="none">
+<path d="M0 2544 l0 -55 315 -315 315 -315 0 -235 0 -234 -315 0 -315 0 0 -85
+0 -85 315 0 315 0 0 -235 0 -235 -315 -315 -315 -315 0 -60 0 -60 60 0 60 0
+315 315 315 315 235 0 235 0 0 -315 0 -315 85 0 85 0 0 315 0 315 234 0 235 0
+315 -315 314 -315 56 0 56 0 0 66 0 66 -310 309 -310 310 0 234 0 235 310 0
+310 0 0 85 0 85 -310 0 -310 0 0 235 0 235 310 310 310 310 0 60 0 60 -60 0
+-60 0 -310 -310 -310 -310 -235 0 -235 0 0 310 0 310 -85 0 -85 0 0 -310 0
+-310 -234 0 -235 0 -310 310 -310 310 -65 0 -66 0 0 -56z"/>
+</g>
+</svg>

src/favicon/site.webmanifest

+{
+    "name": "",
+    "short_name": "",
+    "icons": [
+        {
+            "src": "/img/favicon/android-chrome-192x192.png",
+            "sizes": "192x192",
+            "type": "image/png"
+        },
+        {
+            "src": "/img/favicon/android-chrome-256x256.png",
+            "sizes": "256x256",
+            "type": "image/png"
+        }
+    ],
+    "theme_color": "#ffffff",
+    "background_color": "#ffffff",
+    "display": "standalone"
+}

src/pug/layout-off-canvas.pug

@@ -14,6 +14,14 @@ html(class='no-js  page', lang='ru')
     meta(name='format-detection', content='address=no')
     meta(name='format-detection', content='email=no')
     meta(content='notranslate', name='google')
+    //- Фавиконки (https://realfavicongenerator.net)
+    link(rel="apple-touch-icon", sizes="180x180", href="/img/favicon/apple-touch-icon.png")
+    link(rel="icon", type="image/png", sizes="32x32", href="/img/favicon/favicon-32x32.png")
+    link(rel="icon", type="image/png", sizes="16x16", href="/img/favicon/favicon-16x16.png")
+    link(rel="manifest", href="/site.webmanifest")
+    link(rel="mask-icon", href="/img/favicon/safari-pinned-tab.svg", color="#5bbad5")
+    meta(name="msapplication-TileColor", content="#ffffff")
+    meta(name="theme-color", content="#ffffff")
 
     block meta
       title Home

src/pug/layout.pug

@@ -14,6 +14,14 @@ html(class='no-js  page', lang='ru')
     meta(name='format-detection', content='address=no')
     meta(name='format-detection', content='email=no')
     meta(content='notranslate', name='google')
+    //- Фавиконки (https://realfavicongenerator.net)
+    link(rel="apple-touch-icon", sizes="180x180", href="/img/favicon/apple-touch-icon.png")
+    link(rel="icon", type="image/png", sizes="32x32", href="/img/favicon/favicon-32x32.png")
+    link(rel="icon", type="image/png", sizes="16x16", href="/img/favicon/favicon-16x16.png")
+    link(rel="manifest", href="/site.webmanifest")
+    link(rel="mask-icon", href="/img/favicon/safari-pinned-tab.svg", color="#5bbad5")
+    meta(name="msapplication-TileColor", content="#ffffff")
+    meta(name="theme-color", content="#ffffff")
 
     block meta
       title Home