svg icons working with theme function

assets/css/_svg-icons.scss

@@ -0,0 +1,22 @@
+/*
+  SVG ICON SYSTEM
+  per https://blog.prototypr.io/align-svg-icons-to-text-and-say-goodbye-to-font-icons-d44b3d7b26b4
+  */
+  .icon {
+    display: inline-flex;
+    align-self: center;
+  }
+  
+  .icon svg,
+  .icon img {
+    height: 1em;
+    width: 1em;
+    fill: currentColor;
+  }
+  
+  .icon.baseline svg,
+  .icon img {
+    top: 0.125em;
+    position: relative;
+  }
+  

assets/css/app.scss

@@ -4,6 +4,9 @@
 /* Load Bootstrap v5 and customizations */
 @import "bs-load";
 
+/*SVG ICON SYSTEM*/
+@import "svg-icons";
+
 
 
 /* main */

assets/js/main.js

@@ -1,6 +1,13 @@
 // Import SCSS
 import '../css/app.scss'
 
+// Import icons for sprite-loader
+// navbar brand icon
+import "../../node_modules/@mdi/svg/svg/desktop-classic.svg"; // brand
+// other:
+import "../../node_modules/@mdi/svg/svg/home.svg";
+import "../../node_modules/@mdi/svg/svg/information.svg";
+
 // Import Bootstrap JS
 import 'bootstrap/js/dist/collapse';
 import 'bootstrap/js/dist/alert';