font icon => svg

GanjooRazor/Pages/_FooterPartial.cshtml

@@ -3,7 +3,11 @@
 <div id="footer">
     <div class="footer-contents">
         <ul class="link-list-internals">
-            <li><a href="/"><i class="notranslate material-icons">home</i> خانه</a></li>
+            <li>
+                <a href="/">
+                    <svg class="footer-icon" height="10px" viewBox="0 0 24 24" width="10px" fill="#5f6368"><path d="M0 0h24v24H0z" fill="none" /><path d="M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z" /></svg> خانه
+                </a>
+            </li>
             <li><a href="/random"><i class="notranslate material-icons">casino</i> بیت تصادفی</a></li>
             <li><a href="https://jadval.ganjoor.net"><i class="notranslate material-icons">apps</i> جدول شعر</a></li>
             <li><a href="https://faal.ganjoor.net"><i class="notranslate material-icons">casino</i> فال حافظ</a></li>

GanjooRazor/wwwroot/css/p8.css

@@ -867,6 +867,8 @@ ol {
 }
 
 
+
+
 /* Change styles for span and cancel button on extra small screens */
 @media screen and (max-width: 300px) {
     span.psw {
@@ -2194,7 +2196,9 @@ mark {
     height: auto;
 }
 
-
+.footer-icon {
+    fill: #300;
+}
 
 @media(prefers-color-scheme: dark) {
     body {
@@ -2219,6 +2223,11 @@ mark {
         -webkit-text-fill-color: burlywood;
     }
 
+    .footer-icon {
+        fill: burlywood;
+    }
+
+
 
     #main, .poem, .sitem, .related-images-frame, .comments-like-div {
         background: rgba(27, 27, 27, 0.6) url('/image/pbk-b.jpg') top center repeat scroll;