use <defs>

Author: slorber

packages/docusaurus-theme-classic/src/index.ts

@@ -14,7 +14,7 @@ import {
   getAnnouncementBarInlineScript,
   DataAttributeQueryStringInlineJavaScript,
 } from './inlineScripts';
-import {SvgSpriteSymbols} from './inlineSvgSprites';
+import {SvgSpriteDefs} from './inlineSvgSprites';
 import type {LoadContext, Plugin} from '@docusaurus/types';
 import type {ThemeConfig} from '@docusaurus/theme-common';
 import type {Plugin as PostCssPlugin} from 'postcss';
@@ -128,7 +128,7 @@ export default function themeClassic(
               xmlns: 'http://www.w3.org/2000/svg',
               style: 'display: none;',
             },
-            innerHTML: SvgSpriteSymbols,
+            innerHTML: SvgSpriteDefs,
           },
           {
             tagName: 'script',

packages/docusaurus-theme-classic/src/inlineSvgSprites.ts

@@ -7,6 +7,6 @@
 
 // For icons that are heavily repeated in the static html output
 // See also https://github.com/facebook/docusaurus/issues/5865
-export const SvgSpriteSymbols = `
+export const SvgSpriteDefs = `<defs>
 <symbol id="theme-svg-external-link" viewBox="0 0 24 24"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z" /></symbol>
-`;
+</defs>`;