Add adaptive SVG favicon and more SVG variants

See https://web.dev/building-an-adaptive-favicon/

Added more variant of the original Inkscape icon:

- Text SVG
- Vectorized text path SVG
- Optimized SVG icon
This commit is contained in:
Frédéric Guillot
2023-08-16 20:39:05 -07:00
committed by Frédéric Guillot
parent 224a15692c
commit a88788f3fc
7 changed files with 220 additions and 84 deletions

View File

@@ -30,6 +30,7 @@
<?= $this->hook->asset('css', 'template:layout:css') ?>
<?= $this->hook->asset('js', 'template:layout:js') ?>
<link rel="icon" href="<?= $this->url->dir() ?>assets/img/adaptive-favicon.svg" type="image/svg+xml">
<link rel="icon" type="image/png" href="<?= $this->url->dir() ?>assets/img/favicon.png">
<link rel="apple-touch-icon" href="<?= $this->url->dir() ?>assets/img/touch-icon-iphone.png">
<link rel="apple-touch-icon" sizes="72x72" href="<?= $this->url->dir() ?>assets/img/touch-icon-ipad.png">