feat: svg icons

components/http/Headers.vue

@@ -22,18 +22,18 @@
           to="https://docs.hoppscotch.io/features/headers"
           blank
           :title="$t('app.wiki')"
-          icon="help_outline"
+          svg="help-circle"
         />
         <ButtonSecondary
           v-tippy="{ theme: 'tooltip' }"
           :title="$t('action.clear_all')"
-          icon="clear_all"
+          svg="trash-2"
           @click.native="clearContent"
         />
         <ButtonSecondary
           v-tippy="{ theme: 'tooltip' }"
           :title="$t('add.new')"
-          icon="add"
+          svg="plus"
           @click.native="addHeader"
         />
       </div>
@@ -109,12 +109,12 @@
                 : $t('action.turn_on')
               : $t('action.turn_off')
           "
-          :icon="
+          :svg="
             header.hasOwnProperty('active')
               ? header.active
-                ? 'check_circle_outline'
-                : 'radio_button_unchecked'
-              : 'check_circle_outline'
+                ? 'check-circle'
+                : 'circle'
+              : 'check-circle'
           "
           color="green"
           @click.native="
@@ -130,7 +130,7 @@
         <ButtonSecondary
           v-tippy="{ theme: 'tooltip' }"
           :title="$t('action.remove')"
-          icon="remove_circle_outline"
+          svg="trash"
           color="red"
           @click.native="deleteHeader(index)"
         />
@@ -146,7 +146,7 @@
       <ButtonSecondary
         filled
         :label="$t('add.new')"
-        icon="add"
+        svg="plus"
         @click.native="addHeader"
       />
     </div>