feat: svg icons

components/collections/teams/Request.vue

@@ -14,13 +14,12 @@
         :class="getRequestLabelColor(request.method)"
         @click="!doc ? selectRequest() : {}"
       >
-        <i
+        <SmartIcon
           v-if="isSelected"
-          class="material-icons"
+          class="svg-icons"
           :class="{ 'text-green-500': isSelected }"
-        >
-          check_circle_outline
-        </i>
+          name="check-circle"
+        />
         <span v-else>
           {{ request.method }}
         </span>
@@ -52,7 +51,7 @@
         <ButtonSecondary
           v-if="!saveRequest && !doc"
           v-tippy="{ theme: 'tooltip' }"
-          icon="replay"
+          svg="rotate-ccw"
           :title="$t('action.restore')"
           class="hidden group-hover:inline-flex"
           @click.native="!doc ? selectRequest() : {}"
@@ -70,11 +69,11 @@
               <ButtonSecondary
                 v-tippy="{ theme: 'tooltip' }"
                 :title="$t('action.more')"
-                icon="more_vert"
+                svg="more-vertical"
               />
             </template>
             <SmartItem
-              icon="edit"
+              svg="edit"
               :label="$t('action.edit')"
               @click.native="
                 $emit('edit-request', {
@@ -88,7 +87,7 @@
               "
             />
             <SmartItem
-              icon="delete"
+              svg="trash-2"
               color="red"
               :label="$t('action.delete')"
               @click.native="