Save Icon Done

src/app/app.scss

@@ -20,6 +20,23 @@
   src: url('../assets/fonts/Roboto-Light.ttf');
   }
 
+  ion-icon {
+    &[class*="fn-"] {
+      mask-size: contain;
+      mask-position: 50% 50%;
+      mask-repeat: no-repeat;
+      background: currentColor;
+      width: 1em;
+      height: 1em;
+    }
+  
+    &[class*="fn-save"] {
+      mask-image: url(../assets/icon/md-save.svg);
+    }
+    
+  
+  }
+   
   *{
   font-family: Roboto;
   font-size: 16px;

src/assets/icon/md-save.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M362.7 64h-256C83 64 64 83.2 64 106.7v298.7c0 23.5 19 42.7 42.7 42.7h298.7c23.5 0 42.7-19.2 42.7-42.7v-256L362.7 64zM256 405.3c-35.4 0-64-28.6-64-64s28.6-64 64-64 64 28.6 64 64-28.6 64-64 64zM320 192H106.7v-85.3H320V192z"/></svg>

src/pages/pd-question/pd-question-address/pd-question-address.html

@@ -13,7 +13,7 @@
             <span style="padding: 0px;margin-right: 14px;color:white;font-size:25px;"><mat-icon>camera_enhance</mat-icon></span>
         </a>
         <a (click)="savepdQuestion(pdQuestionAddress.value)" *ngIf="!complete_status">
-            <span style="padding: 0px;margin-right: 14px;color:white;font-size:25px;"><mat-icon>save</mat-icon></span>
+            <span style="padding: 0px;margin-right: 14px;color:white;font-size:20px;"><ion-icon name="fn-save"></ion-icon></span>
         </a>
         <!-- <ion-fab float-end mini>
             <button mini style="margin-bottom: 10px ; background-color: #fff !important;" ion-fab slot="fixed" (click)="savePhoto()"><ion-icon name="md-camera" style="