refactor: updated svg icon assets

components/app/Share.vue

@@ -63,22 +63,22 @@ export default defineComponent({
         },
         {
           name: "Twitter",
-          icon: "twitter",
+          icon: "brands/twitter",
           link: `https://twitter.com/intent/tweet?text=${text} ${description}&url=${url}&via=${twitter}`,
         },
         {
           name: "Facebook",
-          icon: "facebook",
+          icon: "brands/facebook",
           link: `https://www.facebook.com/sharer/sharer.php?u=${url}`,
         },
         {
           name: "Reddit",
-          icon: "reddit",
+          icon: "brands/reddit",
           link: `https://www.reddit.com/submit?url=${url}&title=${text}`,
         },
         {
           name: "LinkedIn",
-          icon: "linkedin",
+          icon: "brands/linkedin",
           link: `https://www.linkedin.com/sharing/share-offsite/?url=${url}`,
         },
       ],

components/app/Support.vue

@@ -49,7 +49,7 @@
           "
         />
         <SmartItem
-          svg="discord"
+          svg="brands/discord"
           :label="$t('app.join_discord_community')"
           to="https://hoppscotch.io/discord"
           blank
@@ -59,7 +59,7 @@
           @click.native="hideModal()"
         />
         <SmartItem
-          svg="logos/twitter"
+          svg="brands/twitter"
           :label="$t('app.twitter')"
           to="https://hoppscotch.io/twitter"
           blank

components/graphql/RequestOptions.vue

@@ -391,7 +391,7 @@ export default defineComponent({
     const queryEditor = ref<any | null>(null)
 
     const copyQueryIcon = ref("copy")
-    const prettifyQueryIcon = ref("sparkles")
+    const prettifyQueryIcon = ref("align-left")
     const copyVariablesIcon = ref("copy")
 
     const showSaveRequestModal = ref(false)
@@ -489,7 +489,7 @@ export default defineComponent({
     const prettifyQuery = () => {
       queryEditor.value.prettifyQuery()
       prettifyQueryIcon.value = "check"
-      setTimeout(() => (prettifyQueryIcon.value = "sparkles"), 1000)
+      setTimeout(() => (prettifyQueryIcon.value = "align-left"), 1000)
     }
 
     const saveRequest = () => {

components/http/RawBody.vue

@@ -88,7 +88,7 @@ export default defineComponent({
   setup() {
     return {
       rawParamsBody: pluckRef(useRESTRequestBody(), "body"),
-      prettifyIcon: "sparkles",
+      prettifyIcon: "align-left",
     }
   },
   computed: {
@@ -123,7 +123,7 @@ export default defineComponent({
         const jsonObj = JSON.parse(this.rawParamsBody)
         this.rawParamsBody = JSON.stringify(jsonObj, null, 2)
         this.prettifyIcon = "check"
-        setTimeout(() => (this.prettifyIcon = "sparkles"), 1000)
+        setTimeout(() => (this.prettifyIcon = "align-left"), 1000)
       } catch (e) {
         console.error(e)
         this.$toast.error(`${this.$t("error.json_prettify_invalid_body")}`, {