Add SVG icon metatag to Favicon module

Created on 10 July 2025, 23 days ago

Problem/Motivation

Many modern browsers now support SVG favicons, which have the benefit of more easily supporting higher resolutions or larger icons. It would be nice to add support for this tag to the Favicons submodule. This could then be combined with using more traditional icon tags already supported by Metatag to provide suitable fallbacks to older browsers.

Steps to reproduce

Enable Metatag and Metatag Favicons submodule.
Edit a Metatag type, e.g. Global.
Verify there is no SVG icon tag.

Proposed resolution

Add an svg_icon plugin to metatag_favicons module. The plugin asks the user to input a path to an SVG image and produces the following HTML output with a weight of 2: <link rel="icon" href="/path/to/favicon.svg" type="image/svg+xml">.

Remaining tasks

Write MR.
Review MR.
Commit.

User interface changes

Adds a new "SVG icon" metatag to the "Favicons & touch icons" group.

API changes

None.

Data model changes

New svg_icon metatag added to schema of metatag_favicons.

✨ Feature request

Status

Active

Version

2.1

Component

Other tags

Created by

🇩🇪Germany FeyP

Live updates comments and jobs are added and updated live.

Merge Requests

!191Add SVG icon metatag to Favicon module
Open
🇩🇪Germany FeyP
updated 23 days ago

Comments & Activities

Issue created by @FeyP
Merge request !191Issue #3535155: Add SVG icon metatag to Favicon module → (Open) created by FeyP
Pipeline finished with Failed
23 days ago
Total: 183s
#543913
Pipeline finished with Failed
23 days ago
Total: 509s
#543921
Comment 23 days ago →
🇩🇪Germany FeyP
Created an MR.
Comment 23 days ago →
🇺🇸United States damienmckenna NH, USA
Nice!

Let's add this to the 2.2.0 release.

contrib.social Blog FAQ Discussions

Production build 0.71.5 2024