SVG icons instead of woff2

source/styles/fonts.css.styl

@@ -11,25 +11,3 @@
   font-family: 'Alegreya'; font-style: normal; font-weight: 700; font-display: swap;
   src: url('../fonts/alegreya-v29-all-700.woff2') format('woff2');
 }
-
-/* Material Icons */
-@font-face {
-  font-family: 'Material Icons'; font-style: normal; font-weight: 400; font-display: swap;
-  src: url('../fonts/material-icons.woff2') format('woff2');
-}
-
-.material-icons {
-  font-family: 'Material Icons';
-  font-weight: normal;
-  font-style: normal;
-  font-size: 24px;
-  line-height: 1;
-  letter-spacing: normal;
-  text-transform: none;
-  display: inline-block;
-  white-space: nowrap;
-  word-wrap: normal;
-  direction: ltr;
-  -webkit-font-feature-settings: 'liga';
-  -webkit-font-smoothing: antialiased;
-}

source/styles/style.css.styl

@@ -33,11 +33,6 @@ body
 
 .pure-menu.menu-main
 	height: 34px
-	.material-icons
-		font-size: 18px
-		margin-right: 7px
-		padding-bottom: 2px
-		vertical-align: middle
 
 .pure-menu.menu-verses
 	height: $bottom_bar_height px
@@ -47,10 +42,11 @@ body
 	:hover
 		cursor: pointer
 	.arrow
+		width: 24px
+		height: 24px
 		left: -15px
+		top: 2px
 		position: absolute
-		vertical-align: middle
-		display: inline-block
 		transition: .3s linear all
 	.arrow.ng-hide
 		transform: scale(.1)
@@ -61,6 +57,15 @@ a
 p
 	margin: 24px 0px
 
+.icon
+	height: 18px
+	width: 18px
+	line-height: 18px
+	margin-right: 7px
+	margin-top: -2px
+	vertical-align: middle
+	display: inline-block
+
 #section-meta .key
 	padding-right: 10px
 	font-style: italic