Split activity graph into component & typed

src/icons/IconActivity.vue

@@ -5,13 +5,17 @@
     width="24"
     height="24"
     viewBox="0 0 24 24"
-    fill="none"
     stroke="currentColor"
     stroke-width="2"
     stroke-linecap="round"
     stroke-linejoin="round"
-    style="transition: stroke-width 0.5s ease"
   >
     <polyline points="22 12 18 12 15 21 9 3 6 12 2 12"></polyline>
   </svg>
 </template>
+
+<style lang="scss" scoped>
+  svg {
+    fill: none !important;
+  }
+</style>

src/icons/IconSettings.vue

@@ -10,7 +10,6 @@
     stroke-width="2"
     stroke-linecap="round"
     stroke-linejoin="round"
-    style="transition: stroke-width 0.5s ease"
   >
     <line x1="4" y1="21" x2="4" y2="14"></line>
     <line x1="4" y1="10" x2="4" y2="3"></line>