chore: remove _outline naming convention for icon images

apps/web/src/app/features/account/account.component.ts

@@ -65,7 +65,7 @@ export class AccountComponent implements OnInit {
       [
         {
           title: 'Home',
-          icon: 'home_outline.svg',
+          icon: 'home.svg',
           id: 'home',
         },
         {
@@ -80,12 +80,12 @@ export class AccountComponent implements OnInit {
     if (this.authService.isPlatform()) {
       baseMenu[0].push({
         title: 'Connected',
-        icon: 'groups_outline.svg',
+        icon: 'groups.svg',
         id: 'connected-accounts',
       });
       baseMenu[0].push({
         title: 'Products',
-        icon: 'package_outline.svg',
+        icon: 'package.svg',
         id: 'products',
       });
       baseMenu[0].push({
@@ -98,7 +98,7 @@ export class AccountComponent implements OnInit {
     // Add Settings at the bottom
     baseMenu[0].push({
       title: 'Settings',
-      icon: 'person_outline.svg',
+      icon: 'person.svg',
       id: 'settings',
       bottom: true,
     });

apps/web/src/app/features/account/components/add-funds-panel/add-funds-panel.component.html

@@ -11,7 +11,7 @@
   <div class="add-funds-header">
     <img
       class="add-funds-icon"
-      src="assets/icons/account_balance_wallet_outline.svg"
+      src="assets/icons/account_balance_wallet.svg"
       alt="Wallet"
     />
     <h3 class="add-funds-title">Add funds to your balance</h3>

apps/web/src/app/features/account/components/transaction-list/components/payout-detail/payout-detail.component.html

@@ -27,7 +27,7 @@ <h3 class="panel-section-title">Overview</h3>
       <span class="panel-value">
         <div class="panel-badge">
           <img
-            src="assets/icons/account_balance_wallet_outline.svg"
+            src="assets/icons/account_balance_wallet.svg"
             alt="Wallet"
             class="panel-badge-icon"
           />

apps/web/src/app/features/account/components/transaction-list/components/topup-detail/topup-detail.component.html

@@ -27,7 +27,7 @@ <h3 class="panel-section-title">Overview</h3>
       <span class="panel-value">
         <div class="panel-badge">
           <img
-            src="assets/icons/account_balance_wallet_outline.svg"
+            src="assets/icons/account_balance_wallet.svg"
             alt="Wallet"
             class="panel-badge-icon"
           />

apps/web/src/app/features/account/dashboard/dashboard.component.html

@@ -7,11 +7,7 @@ <h1>Hi {{ personService.person()?.first_name }} 👋</h1>
       class="action-button action-button-dainty"
       (click)="OnAddFundsClick()"
     >
-      <img
-        class="button-icon"
-        src="assets/icons/add_circle_outline.svg"
-        alt=""
-      />
+      <img class="button-icon" src="assets/icons/add_circle.svg" alt="" />
       <span>Add funds</span>
     </button>
     }

apps/web/src/app/features/account/developers/developers.component.html

@@ -16,11 +16,7 @@ <h1>Developers</h1>
       class="action-button action-button-dainty"
       (click)="OnCreateApiKeyClick()"
     >
-      <img
-        class="button-icon"
-        src="assets/icons/add_circle_outline.svg"
-        alt=""
-      />
+      <img class="button-icon" src="assets/icons/add_circle.svg" alt="" />
       <span>Create key</span>
     </button>
   </div>
@@ -72,11 +68,7 @@ <h1>Developers</h1>
       class="action-button action-button-dainty"
       (click)="OnCreateWebhookClick()"
     >
-      <img
-        class="button-icon"
-        src="assets/icons/add_circle_outline.svg"
-        alt=""
-      />
+      <img class="button-icon" src="assets/icons/add_circle.svg" alt="" />
       <span>Add endpoint</span>
     </button>
   </div>

apps/web/src/app/features/account/products/views/price-detail/price-detail.component.html

@@ -33,7 +33,7 @@ <h4>This price has been archived</h4>
 
 <div class="flex align-vert space-between mb-snug">
   <div class="flex gap-extra-small align-vert dimmed-extra">
-    <img src="assets/icons/sell_outline.svg" class="icon" alt="Sale tag icon" />
+    <img src="assets/icons/sell.svg" class="icon" alt="Sale tag icon" />
     <div>PRICE</div>
   </div>
   <div

apps/web/src/app/features/account/products/views/product-catalogue/product-catalogue.component.ts

@@ -46,7 +46,7 @@ export class ProductCatalogueComponent implements OnInit, OnDestroy {
       type: 'text',
       bolded: true,
       imageField: 'images[0]',
-      placeholderIcon: 'package_outline.svg',
+      placeholderIcon: 'package.svg',
     },
     {
       header: 'Pricing',

apps/web/src/app/features/account/products/views/product-detail/product-detail.component.html

@@ -10,7 +10,7 @@
         <div class="product-image-placeholder">
           <img
             class="icon large-icon"
-            src="assets/icons/package_outline.svg"
+            src="assets/icons/package.svg"
             alt="Product image"
           />
         </div>
@@ -130,11 +130,7 @@ <h2 class="section-title">Details</h2>
           class="action-button action-button-small outline"
           (click)="OnEdit()"
         >
-          <img
-            src="assets/icons/edit_outline.svg"
-            class="icon"
-            alt="Edit icon"
-          />
+          <img src="assets/icons/edit.svg" class="icon" alt="Edit icon" />
         </button>
       </div>
       <div class="attribute">
@@ -225,11 +221,7 @@ <h2 class="section-title">Metadata</h2>
           class="action-button action-button-small outline"
           (click)="OnEdit()"
         >
-          <img
-            src="assets/icons/edit_outline.svg"
-            class="icon"
-            alt="Edit icon"
-          />
+          <img src="assets/icons/edit.svg" class="icon" alt="Edit icon" />
         </button>
       </div>
       @if (MetadataEntries(p.metadata).length > 0) { @for (entry of

apps/web/src/app/features/setup/setup.component.html

@@ -27,33 +27,21 @@ <h1>Welcome to Zoneless</h1>
 
       <div class="feature-list">
         <div class="feature-item">
-          <img
-            class="feature-icon"
-            src="assets/icons/bolt_outline.svg"
-            alt=""
-          />
+          <img class="feature-icon" src="assets/icons/bolt.svg" alt="" />
           <div class="feature-text">
             <strong>Instant payouts</strong>
             <span>Instant USDC payouts to your sellers</span>
           </div>
         </div>
         <div class="feature-item">
-          <img
-            class="feature-icon"
-            src="assets/icons/globe_outline.svg"
-            alt=""
-          />
+          <img class="feature-icon" src="assets/icons/globe.svg" alt="" />
           <div class="feature-text">
             <strong>Global payouts</strong>
             <span>Payouts to anywhere in the world</span>
           </div>
         </div>
         <div class="feature-item">
-          <img
-            class="feature-icon"
-            src="assets/icons/savings_outline.svg"
-            alt=""
-          />
+          <img class="feature-icon" src="assets/icons/savings.svg" alt="" />
           <div class="feature-text">
             <strong>Near-zero fees</strong>
             <span>No platform fees — just minimal Solana gas</span>
@@ -62,7 +50,7 @@ <h1>Welcome to Zoneless</h1>
         <div class="feature-item">
           <img
             class="feature-icon"
-            src="assets/icons/lock_open_right_outline.svg"
+            src="assets/icons/lock_open_right.svg"
             alt=""
           />
           <div class="feature-text">