✨ feat: allow using emojis as favicon 🌱

config.toml

@@ -35,6 +35,10 @@ separator = "•"
 # Full path after the base URL required. So if you were to place it in "static" it would be "/favicon.ico"
 favicon = ""
 
+# Add an emoji here to use it as favicon.
+# Compatibility: https://caniuse.com/link-icon-svg
+favicon_emoji = "🌱"
+
 # This header image is used for SEO. For example if you were to share an image via Messenger/Instagram/Twitter a preview picture is also presented
 headerImage = ""
 

templates/partials/header.html

@@ -10,6 +10,9 @@
     {% if config.extra.favicon %}
         <link rel="icon" type="image/png" href={{ config.extra.favicon }} />
     {% endif %}
+    {% if config.extra.favicon_emoji %}
+        <link rel=icon href='data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg" viewBox="0 0 105 55"><text y=".7em" font-size="90">{{ config.extra.favicon_emoji }}</text></svg>'>
+    {% endif %}
 
     {# RSS #}
     <link rel="alternate" type="application/atom+xml" title="{{ config.title }}" href="{{ get_url(path="atom.xml",

theme.toml

@@ -30,6 +30,13 @@ long_date_format = "%d %B %Y"
 
 separator = "•"
 
+# Full path after the base URL required. So if you were to place it in "static" it would be "/favicon.ico"
+favicon = ""
+
+# Add an emoji here to use it as favicon.
+# Compatibility: https://caniuse.com/link-icon-svg
+favicon_emoji = "🌱"
+
 menu = [
     { name = "blog", url = "$BASE_URL/blog" },
     { name = "archive", url = "$BASE_URL/archive" },