diff --git a/.gitignore b/.gitignore
index c564040..3935691 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,2 +1,4 @@
 .idea
-node_modules/
\ No newline at end of file
+node_modules/
+bun.lock
+package-lock.json
\ No newline at end of file
diff --git a/README.md b/README.md
index 35fecd3..3f584f9 100644
--- a/README.md
+++ b/README.md
@@ -6,10 +6,11 @@ Create Svelte components from Iconify SVG icons with type-safe support. A simple
 
 - 🎯 **Iconify Integration**: Access and download icons from the Iconify collection.
 - ⚡ **Fast Conversion**: Quickly convert SVG icons to Svelte components.
-- 📦 **TypeScript Support**: Generate fully typed components with interfaces for Svelte TypeScript projects.
+- 📦 **TypeScript Support**: Generate fully typed components with types for Svelte TypeScript projects.
 - 🎨 **Customizable Icons**: Control icon size, display behavior, and spacing.
 - 🛠️ **CLI Tool**: Easy-to-use command-line interface for Svelte icon generation.
 - 🔄 **Flexible Output**: Generate JavaScript or TypeScript Svelte components.
+- 📂 **Configurable Output Directory**: The Svelte component output folder can be configured with `SVELICON_ICON_PATH`.
 
 > Svelicon streamlines the process of using Iconify icons in your Svelte projects, offering TypeScript support and flexible customization.
 
@@ -37,7 +38,7 @@ src/icons/FluentPersonPasskey28Filled.svelte
 npx svelicon [options] [collection]/[icon]
 
 Options:
-  -o, --output <dir>  Output directory (default: "src/icons")
+  -o, --output <dir>  Output directory (default: environment variable SVELICON_ICON_PATH or "src/icons")
   --withts            Generate TypeScript version (default: true)
   --withjs            Generate JavaScript version
   -h, --help         Display help for command
@@ -48,12 +49,21 @@ Options:
 npx svelicon --withjs fluent/person-passkey-28-filled
 ```
 
+### Output Directory Configuration
+
+To set a custom output directory for your Svelte components, set the `SVELICON_ICON_PATH` environment variable to your desired path.
+
+**Linux (Bash/Zsh):**
+```bash
+export SVELICON_ICON_PATH = "src/components/icons"
+```
+
 ## Component Props 🎛️
 
 All generated components accept these props:
 
 ```typescript
-interface IconProps {
+type IconProps = {
   size?: number;      // Icon size in em units
   class?: string;     // Add custom CSS classes to the SVG element
 }
@@ -92,7 +102,7 @@ Generated components include:
 
 ```svelte
 <script lang="ts" module>
-  export interface FluentPersonPasskey28FilledProps {
+  export type FluentPersonPasskey28FilledProps = {
     size?: number;
     class?: string;
   }
diff --git a/cli.js b/cli.js
index a2e3694..6590e46 100755
--- a/cli.js
+++ b/cli.js
@@ -2,11 +2,14 @@
 import {program} from 'commander';
 import {downloadIcon} from './index.js';
 
+const iconPathFromEnvironmentVariable = process.env['SVELICON_ICON_PATH'];
+const iconPath = iconPathFromEnvironmentVariable || "src/icons";
+
 program
     .name('iconify-svelte')
     .description('Download Iconify icons as Svelte components')
     .argument('<icon>', 'icon collection (e.g., mdi)')
-    .option('-o, --output <dir>', 'output directory', 'src/icons')
+    .option('-o, --output <dir>', 'output directory', iconPath)
     .option('--withts', 'generate TypeScript version', true)
     .option('--withjs', 'generate JavaScript version', false)
     .action(async (icon, options) => {
diff --git a/index.js b/index.js
index bdeb4ac..506f5e3 100644
--- a/index.js
+++ b/index.js
@@ -30,7 +30,7 @@ ${generateSvgTemplate(pathData, width, height, size)}`;
 
 function generateComponent(pathData, height, width, componentName, isTypescript) {
     const scriptContent = isTypescript ? `<script lang="ts" module>
-  export interface ${componentName}Props {
+  export type ${componentName}Props = {
     size?: number;
     class?: string;
   }
diff --git a/package.json b/package.json
index 909c4d0..b789b8b 100644
--- a/package.json
+++ b/package.json
@@ -3,9 +3,14 @@
   "version": "1.0.5",
   "description": "✨ Svelte Icon Library - Iconify icons, raw SVG and converts them to Svelte components",
   "keywords": [
-    "svelte", "svelte5",
-    "svelte icon", "icons", "svg",
-    "iconify", "font awesome", "fluent"
+    "svelte",
+    "svelte5",
+    "svelte icon",
+    "icons",
+    "svg",
+    "iconify",
+    "font awesome",
+    "fluent"
   ],
   "repository": {
     "type": "git",
@@ -19,7 +24,7 @@
   "dependencies": {
     "@iconify/utils": "^2.1.5",
     "axios": "^1.6.2",
-    "commander": "^11.1.0",
+    "commander": "^13.1.0",
     "mkdirp": "^3.0.1"
   }
 }
diff --git a/src/icons/FluentSearch12Regular.svelte b/src/icons/FluentSearch12Regular.svelte
deleted file mode 100644
index c107983..0000000
--- a/src/icons/FluentSearch12Regular.svelte
+++ /dev/null
@@ -1,19 +0,0 @@
-<script lang="ts" module>
-  export interface FluentSearch12RegularProps {
-    size?: number;
-    class?: string;
-  }
-</script>
-
-<script lang="ts">
-  const { size = 0.7, class: className = '' }: FluentSearch12RegularProps = $props();
-</script>
-
-<svg
-   xmlns="http://www.w3.org/2000/svg"
-   width="{size}em"
-   height="{size}em"
-   viewBox="0 0 12 12"
-   class="{className}">
-  <path fill="currentColor" d="M5 1a4 4 0 1 0 2.452 7.16l2.694 2.693a.5.5 0 1 0 .707-.707L8.16 7.453A4 4 0 0 0 5 1M2 5a3 3 0 1 1 6 0a3 3 0 0 1-6 0"/>
-</svg>
\ No newline at end of file