diff --git a/material/templates/partials/icons.html b/material/templates/partials/icons.html
index 5d903ed81..37da7364f 100644
--- a/material/templates/partials/icons.html
+++ b/material/templates/partials/icons.html
@@ -8,7 +8,7 @@
     {% set _ = style.append(
       "--md-admonition-icon--" ~ type ~ ":" ~
       "url('data:image/svg+xml;charset=utf-8," ~
-        icon | replace("\n", "") ~
+        icon | replace("\n", "") | urlencode ~
       "');"
     ) %}
   {% endfor %}
@@ -21,7 +21,7 @@
   {% set _ = style.append(
     "--md-annotation-icon:" ~
     "url('data:image/svg+xml;charset=utf-8," ~
-      icon | replace("\n", "") ~
+      icon | replace("\n", "") | urlencode ~
     "');"
   ) %}
   {% set _ = style.append("}\x3c/style\x3e") %}
@@ -38,7 +38,7 @@
       ".md-tag" ~ modifier ~ "{" ~
         "--md-tag-icon:" ~
         "url('data:image/svg+xml;charset=utf-8," ~
-          icon | replace("\n", "") ~
+          icon | replace("\n", "") | urlencode ~
         "');" ~
       "}"
     ) %}
diff --git a/src/templates/partials/icons.html b/src/templates/partials/icons.html
index d588d8241..2f267a229 100644
--- a/src/templates/partials/icons.html
+++ b/src/templates/partials/icons.html
@@ -28,7 +28,7 @@
     {% set _ = style.append(
       "--md-admonition-icon--" ~ type ~ ":" ~
       "url('data:image/svg+xml;charset=utf-8," ~
-        icon | replace("\n", "") ~
+        icon | replace("\n", "") | urlencode ~
       "');"
     ) %}
   {% endfor %}
@@ -43,7 +43,7 @@
   {% set _ = style.append(
     "--md-annotation-icon:" ~
     "url('data:image/svg+xml;charset=utf-8," ~
-      icon | replace("\n", "") ~
+      icon | replace("\n", "") | urlencode ~
     "');"
   ) %}
   {% set _ = style.append("}\x3c/style\x3e") %}
@@ -62,7 +62,7 @@
       ".md-tag" ~ modifier ~ "{" ~
         "--md-tag-icon:" ~
         "url('data:image/svg+xml;charset=utf-8," ~
-          icon | replace("\n", "") ~
+          icon | replace("\n", "") | urlencode ~
         "');" ~
       "}"
     ) %}