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 */