Dont use raw SVGs for icons

onlylegs/static/sass/components/navigation.sass

@@ -54,20 +54,14 @@
 
     text-decoration: none
 
-    > svg
-        margin: 0
+    > i
         padding: 0.5rem
-        
-        width: 2.5rem
-        height: 2.5rem
 
+        font-size: 1.3rem
         border-radius: $rad-inner
         color: RGB($fg-white)
-        
-        transition: color 0.2s ease-out, transform 0.2s ease-out
 
     .tool-tip
-        margin: 0
         padding: 0.4rem 0.7rem
 
         display: block
@@ -89,24 +83,20 @@
 
         pointer-events: none
 
-        > svg
-            margin: 0
-            font-size: 1rem
-
-            width: 0.75rem
-            height: 0.75rem
-
+        > i
             display: block
 
             position: absolute
             top: 50%
             left: -0.45rem
             transform: translateY(-50%)
+            
+            font-size: 0.75rem
 
             color: RGB($bg-100)
 
     &:hover
-        > svg
+        > i
             background: RGBA($fg-white, 0.1)
 
         span
@@ -114,7 +104,7 @@
             left: 3.9rem
 
     &.selected
-        > svg
+        > i
             color: RGB($primary)
 
         &::before