changes

app/components/marketing/email/MappingConfigurator.vue

@@ -15,7 +15,7 @@
             @click="removeMapping(mapIndex)"
           >
             <span class="icon is-small">
-              <SvgIcon v-bind="{ name: 'bin1.svg', type: 'white', size: 16 }"></SvgIcon>
+              <Icon name="material-symbols:delete-outline-rounded" />
             </span>
           </button>
         </div>
@@ -140,7 +140,12 @@
             class="button is-danger is-light"
             @click="removeField(mapIndex, fieldIndex as number)"
           >
-            <SvgIcon v-bind="{ name: 'bin1.svg', type: 'primary' }"></SvgIcon>
+            <span class="icon">
+              <Icon
+                name="material-symbols:delete-outline-rounded"
+                :size="20"
+              />
+            </span>
           </button>
         </div>
       </div>
@@ -157,11 +162,13 @@
       class="button is-primary"
       @click="addMapping"
     >
-      <SvgIcon
-        class="mr-2"
-        v-bind="{ name: 'add4.svg', type: 'white', size: 18 }"
-      />
-      Add Mapping
+      <span class="icon">
+        <Icon
+          name="material-symbols:add-rounded"
+          :size="18"
+        />
+      </span>
+      <span>Add Mapping</span>
     </button>
   </div>
 </template>