diff --git a/packages/svelte-demo/src/App.svelte b/packages/svelte-demo/src/App.svelte
index 5d7f94c..c6dcc83 100644
--- a/packages/svelte-demo/src/App.svelte
+++ b/packages/svelte-demo/src/App.svelte
@@ -1,5 +1,5 @@
 <script>
-	import Icon from '@iconify/svelte';
+	import { Icon } from '@iconify/svelte';
 	import adminCustomizer from '@iconify-icons/dashicons/admin-customizer';
 	import bxUser from '@iconify-icons/bx/bx-user';
 	import bxError from '@iconify-icons/bx/bx-error';
diff --git a/packages/svelte-demo/src/components/Alignment.svelte b/packages/svelte-demo/src/components/Alignment.svelte
index 0a2956a..20c1bd2 100644
--- a/packages/svelte-demo/src/components/Alignment.svelte
+++ b/packages/svelte-demo/src/components/Alignment.svelte
@@ -1,5 +1,5 @@
 <script>
-	import Icon from '@iconify/svelte';
+	import { Icon } from '@iconify/svelte';
 	import paperclipIcon from '@iconify-icons/dashicons/paperclip';
 </script>
 
diff --git a/packages/svelte-demo/src/components/ColorStyle.svelte b/packages/svelte-demo/src/components/ColorStyle.svelte
index 26368f9..7b45840 100644
--- a/packages/svelte-demo/src/components/ColorStyle.svelte
+++ b/packages/svelte-demo/src/components/ColorStyle.svelte
@@ -1,5 +1,5 @@
 <script>
-	import Icon from '@iconify/svelte';
+	import { Icon } from '@iconify/svelte';
 	import adminUsers from '@iconify-icons/dashicons/admin-users';
 
 	let icon1Style = 'color: purple; vertical-align: 0; font-size: 2em;';
diff --git a/packages/svelte-demo/src/components/Inline.svelte b/packages/svelte-demo/src/components/Inline.svelte
index f39a1bb..fa3d272 100644
--- a/packages/svelte-demo/src/components/Inline.svelte
+++ b/packages/svelte-demo/src/components/Inline.svelte
@@ -1,5 +1,5 @@
 <script>
-	import Icon from '@iconify/svelte';
+	import { Icon } from '@iconify/svelte';
 
 	const demoIcon = {
 		width: 16,
diff --git a/packages/svelte-demo/src/components/Sample.svelte b/packages/svelte-demo/src/components/Sample.svelte
index 65635d5..72f9bc3 100644
--- a/packages/svelte-demo/src/components/Sample.svelte
+++ b/packages/svelte-demo/src/components/Sample.svelte
@@ -1,5 +1,5 @@
 <script>
-	import Icon from '@iconify/svelte';
+	import { Icon } from '@iconify/svelte';
 	import adminCustomizer from '@iconify-icons/dashicons/admin-customizer';
 </script>
 
diff --git a/packages/svelte-demo/src/components/Style.svelte b/packages/svelte-demo/src/components/Style.svelte
index e29db2c..be68a5c 100644
--- a/packages/svelte-demo/src/components/Style.svelte
+++ b/packages/svelte-demo/src/components/Style.svelte
@@ -1,5 +1,5 @@
 <script>
-	import Icon from '@iconify/svelte';
+	import { Icon } from '@iconify/svelte';
 	import paperclipIcon from '@iconify-icons/dashicons/paperclip';
 
 	const redIcon = 'color: red;';
diff --git a/packages/svelte-demo/src/components/Transformations.svelte b/packages/svelte-demo/src/components/Transformations.svelte
index e6075fd..7ee07b3 100644
--- a/packages/svelte-demo/src/components/Transformations.svelte
+++ b/packages/svelte-demo/src/components/Transformations.svelte
@@ -1,5 +1,5 @@
 <script>
-	import Icon from '@iconify/svelte';
+	import { Icon } from '@iconify/svelte';
 	import paperclipIcon from '@iconify-icons/dashicons/paperclip';
 </script>
 
diff --git a/packages/svelte/package.json b/packages/svelte/package.json
index 312ebfe..09150ef 100644
--- a/packages/svelte/package.json
+++ b/packages/svelte/package.json
@@ -11,7 +11,7 @@
 		"url": "https://github.com/iconify/iconify.git",
 		"directory": "packages/svelte"
 	},
-	"svelte": "dist/Icon.svelte",
+	"svelte": "dist/component.mjs",
 	"module": "dist/index.mjs",
 	"main": "dist/index.js",
 	"scripts": {
diff --git a/packages/svelte/rollup.config.js b/packages/svelte/rollup.config.js
index 7a29617..af1986d 100644
--- a/packages/svelte/rollup.config.js
+++ b/packages/svelte/rollup.config.js
@@ -15,6 +15,12 @@ try {
 	);
 });
 
+// Create component.mjs
+fs.writeFileSync(
+	__dirname + '/dist/component.mjs',
+	fs.readFileSync(__dirname + '/src/index.js')
+);
+
 // Create bundle
 const name = pkg.name
 	.replace(/^(@\S+\/)?(svelte-)?(\S+)/, '$3')
diff --git a/packages/svelte/src/index.js b/packages/svelte/src/index.js
index 891245c..4f4e69a 100644
--- a/packages/svelte/src/index.js
+++ b/packages/svelte/src/index.js
@@ -1 +1 @@
-export { default } from './Icon.svelte';
+export { default as Icon } from './Icon.svelte';