diff --git a/_config.ts b/_config.ts
index f312fac2..66347b6d 100644
--- a/_config.ts
+++ b/_config.ts
@@ -64,6 +64,21 @@ site.remoteFile(
 
 site.add("/definitions");
 
+function phosphor(path: string) {
+  site.remoteFile(
+    `styles/vendor/phosphor/${path}`,
+    import.meta.resolve(`./node_modules/@phosphor-icons/web/src/${path}`),
+  );
+}
+
+phosphor("fill/style.css");
+phosphor("fill/Phosphor-Fill.svg");
+phosphor("fill/Phosphor-Fill.ttf");
+phosphor("fill/Phosphor-Fill.woff");
+phosphor("fill/Phosphor-Fill.woff2");
+
+// PHOSPHOR ICONS
+
 // MISC
 
 site.use(sourceMaps());
diff --git a/deno.jsonc b/deno.jsonc
index 2d510095..1fd56bb4 100644
--- a/deno.jsonc
+++ b/deno.jsonc
@@ -15,6 +15,7 @@
     "@mys/worker-fn": "jsr:@mys/worker-fn@^3.2.1",
     "@okikio/transferables": "jsr:@okikio/transferables@^1.0.2",
     "@orama/orama": "jsr:@orama/orama@^2.0.6",
+    "@phosphor-icons/web": "npm:@phosphor-icons/web@^2.1.2",
     "@vicary/debounce-microtask": "jsr:@vicary/debounce-microtask@^0.1.8",
     "alien-signals": "npm:alien-signals@^3.0.0",
     "esbuild-plugins-node-modules-polyfill": "npm:esbuild-plugins-node-modules-polyfill@^1.7.1",
diff --git a/deno.lock b/deno.lock
index 13ecad42..01d76001 100644
--- a/deno.lock
+++ b/deno.lock
@@ -43,6 +43,7 @@
     "npm:@atcute/lex-cli@^2.3.1": "2.3.1",
     "npm:@atcute/lexicons@^1.2.2": "1.2.2",
     "npm:@js-temporal/polyfill@~0.5.1": "0.5.1",
+    "npm:@phosphor-icons/web@^2.1.2": "2.1.2",
     "npm:@tauri-apps/plugin-shell@^2.2.0": "2.3.3",
     "npm:alien-signals@3": "3.0.3",
     "npm:autoprefixer@10.4.21": "10.4.21_postcss@8.5.6",
@@ -381,6 +382,9 @@
         "@optique/core"
       ]
     },
+    "@phosphor-icons/web@2.1.2": {
+      "integrity": "sha512-rPAR9o/bEcp4Cw4DEeZHXf+nlGCMNGkNDRizYHM47NLxz9vvEHp/Tt6FMK1NcWadzw/pFDPnRBGi/ofRya958A=="
+    },
     "@redux-devtools/extension@3.3.0_redux@5.0.1": {
       "integrity": "sha512-X34S/rC8S/M1BIrkYD1mJ5f8vlH0BDqxXrs96cvxSBo4FhMdbhU+GUGsmNYov1xjSyLMHgo8NYrUG8bNX7525g==",
       "dependencies": [
@@ -1805,6 +1809,7 @@
       "npm:@atcute/lex-cli@^2.3.1",
       "npm:@atcute/lexicons@^1.2.2",
       "npm:@js-temporal/polyfill@~0.5.1",
+      "npm:@phosphor-icons/web@^2.1.2",
       "npm:alien-signals@3",
       "npm:esbuild-plugins-node-modules-polyfill@^1.7.1",
       "npm:fast-average-color@^9.5.0",
diff --git a/src/themes/blur/artwork-controller/element.js b/src/themes/blur/artwork-controller/element.js
index e76cda2c..cfc82527 100644
--- a/src/themes/blur/artwork-controller/element.js
+++ b/src/themes/blur/artwork-controller/element.js
@@ -225,7 +225,7 @@ class ArtworkController extends DiffuseElement {
   render({ html }) {
     return html`
       <style>
-      /*@import "../../../styles/icons/phosphor.css";*/
+      @import "../../../styles/vendor/phosphor/fill/style.css";
       @import "./element.css";
       </style>