Commit ae6fb22

@@ -1,6 +1,9 @@
 import { wrapperTagName } from './shiki-transformers';
 import type { RehypePlugin } from '@astrojs/markdown-remark';
+import { icons as MaterialSymbols } from '@iconify-json/material-symbols';
+import { getIconData, iconToHTML, iconToSVG } from '@iconify/utils';
 import type { ElementContent } from 'hast';
+import { fromHtml } from 'hast-util-from-html';
 import { visit } from 'unist-util-visit';
 
 export const rehypePrettierCodes: RehypePlugin = function () {
@@ -29,14 +32,12 @@ export const rehypePrettierCodes: RehypePlugin = function () {
         ],
       };
 
-      const copyIcon: ElementContent = {
-        type: 'element',
-        tagName: 'span',
-        properties: {
-          class: 'icon-[material-symbols--file-copy-rounded]',
-        },
-        children: [],
-      };
+      const { attributes, body } = iconToSVG(
+        getIconData(MaterialSymbols, 'file-copy-rounded')!
+      );
+      const copyIcon: ElementContent = fromHtml(iconToHTML(body, attributes), {
+        fragment: true,
+      }).children[0] as ElementContent;
       const copyBtn: ElementContent = {
         type: 'element',
         tagName: 'button',

@@ -40,6 +40,7 @@
     "autoprefixer": "^10.4.20",
     "daisyui": "5.0.0",
     "dayjs": "^1.11.13",
+    "hast-util-from-html": "^2.0.3",
     "hastscript": "^9.0.1",
     "markdown-it": "^14.1.0",
     "mdast-util-to-string": "^4.0.0",