User SVGs directly

index.html

@@ -17,12 +17,12 @@ <h1 class="text-size-lg">Sandbox</h1>
       <p class="foreground-light">A place to learn and test new things.</p>
       <ol class="foreground-lighter flex flex_gap flex_gap-y_sm margin-top-lg list-style-none">
         <li class="flex flex_gap_sm align-items-center">
-          <i class="icon icon_size_sm" data-feather="github"></i>
+          <svg class="icon icon_size_sm" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"></path></svg>
           <a class="link" target="_blank" href="https://github.com/sebnitu/sandbox">sandbox</a>
         </li>
         <li class="foreground-neutral-80">/</li>
         <li class="flex flex_gap_sm align-items-center">
-          <i class="icon icon_size_sm" data-feather="git-branch"></i>
+          <svg class="icon icon_size_sm" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="6" y1="3" x2="6" y2="15"></line><circle cx="18" cy="6" r="3"></circle><circle cx="6" cy="18" r="3"></circle><path d="M18 9a9 9 0 0 1-9 9"></path></svg>
           <a class="link" target="_blank" href="https://github.com/sebnitu/sandbox/tree/main">main</a>
         </li>
       </ol>

index.js

@@ -1,6 +1,3 @@
 import * as vrembem from "https://unpkg.com/vrembem@next/dist/index.js";
-import "https://unpkg.com/feather-icons";
 
 console.log("Vrembem", vrembem);
-
-feather.replace();