diff --git a/README.md b/README.md
index b7b5790..7a1f13d 100644
--- a/README.md
+++ b/README.md
@@ -1,4 +1,4 @@
-# react-native-iconify v3
+# monicon
 
 ## Development
 
diff --git a/apps/next/app/page.tsx b/apps/next/app/page.tsx
index 98471f0..f5dc30f 100644
--- a/apps/next/app/page.tsx
+++ b/apps/next/app/page.tsx
@@ -1,13 +1,13 @@
-import { Iconify } from "@monicon/react";
+import { Monicon } from "@monicon/react";
 
 import styles from "../styles/index.module.css";
 
 export default function Web() {
   return (
     <main className={styles.container}>
-      <Iconify name="mdi:home" />
-      <Iconify name="logos:active-campaign" size={30} />
-      <Iconify name="logos:apache-superset-icon" />
+      <Monicon name="mdi:home" />
+      <Monicon name="logos:active-campaign" size={30} />
+      <Monicon name="logos:apache-superset-icon" />
     </main>
   );
 }
diff --git a/apps/next/next.config.js b/apps/next/next.config.js
index 59a07ae..ac7f484 100644
--- a/apps/next/next.config.js
+++ b/apps/next/next.config.js
@@ -1,4 +1,4 @@
-const { IconifyPlugin } = require("@monicon/webpack");
+const { MoniconPlugin } = require("@monicon/webpack");
 
 module.exports = {
   reactStrictMode: true,
@@ -18,7 +18,7 @@ module.exports = {
     ];
 
     config.plugins.push(
-      new IconifyPlugin({
+      new MoniconPlugin({
         icons: [
           "mdi:home",
           "mdi:account",
diff --git a/apps/nuxt-app/app.vue b/apps/nuxt-app/app.vue
index b7f0956..e795c7a 100644
--- a/apps/nuxt-app/app.vue
+++ b/apps/nuxt-app/app.vue
@@ -1,6 +1,4 @@
 <script setup lang="ts">
-import { Iconify } from "@monicon/vue";
-
 useHead({
   title: "Nuxt App",
   meta: [{ name: "description", content: "Generated by create turbo" }],
@@ -9,10 +7,10 @@ useHead({
 
 <template>
   <main>
-    <Iconify name="mdi:home" :size="24" />
-    <Iconify name="logos:active-campaign" />
-    <Iconify name="logos:apache-superset-icon" />
-    <Iconify name="invalid:icon" />
+    <Monicon name="mdi:home" :size="24" />
+    <Monicon name="logos:active-campaign" />
+    <Monicon name="logos:apache-superset-icon" />
+    <Monicon name="invalid:icon" />
   </main>
 </template>
 
diff --git a/apps/nuxt-app/nuxt.config.ts b/apps/nuxt-app/nuxt.config.ts
index ef86d7e..fba70dc 100644
--- a/apps/nuxt-app/nuxt.config.ts
+++ b/apps/nuxt-app/nuxt.config.ts
@@ -2,7 +2,7 @@ export default defineNuxtConfig({
   devtools: { enabled: true },
   compatibilityDate: "2024-10-05",
   modules: ["@monicon/nuxt"],
-  iconify: {
+  monicon: {
     icons: [
       "mdi:home",
       "mdi:account",
diff --git a/apps/react-native-app/App.tsx b/apps/react-native-app/App.tsx
index ce73da4..2f453f6 100644
--- a/apps/react-native-app/App.tsx
+++ b/apps/react-native-app/App.tsx
@@ -1,15 +1,15 @@
 import React from "react";
 import { StyleSheet, View } from "react-native";
-import { Iconify } from "@monicon/native";
+import { Monicon } from "@monicon/native";
 
 export default function App() {
   return (
     <View style={styles.container}>
-      <Iconify name="mdi:home" />
-      <Iconify name="feather:activity" />
-      <Iconify name="logos:active-campaign" size={30} />
-      <Iconify name="logos:apache-superset-icon" />
-      <Iconify name="invalid:icon" />
+      <Monicon name="mdi:home" />
+      <Monicon name="feather:activity" />
+      <Monicon name="logos:active-campaign" size={30} />
+      <Monicon name="logos:apache-superset-icon" />
+      <Monicon name="invalid:icon" />
     </View>
   );
 }
diff --git a/apps/react-native-app/metro.config.js b/apps/react-native-app/metro.config.js
index b0991c2..07521a7 100644
--- a/apps/react-native-app/metro.config.js
+++ b/apps/react-native-app/metro.config.js
@@ -1,6 +1,6 @@
 // Learn more https://docs.expo.io/guides/customizing-metro
 const { getDefaultConfig } = require("expo/metro-config");
-const { withIconify } = require("@monicon/metro");
+const { withMonicon } = require("@monicon/metro");
 const path = require("path");
 
 // Find the workspace root, this can be replaced with `find-yarn-workspace-root`
@@ -9,7 +9,7 @@ const projectRoot = __dirname;
 
 const config = getDefaultConfig(projectRoot);
 
-const configWithIconify = withIconify(config, {
+const configWithMonicon = withMonicon(config, {
   icons: [
     "mdi:home",
     "mdi:account",
@@ -23,13 +23,13 @@ const configWithIconify = withIconify(config, {
 });
 
 // 1. Watch all files within the monorepo
-configWithIconify.watchFolders = [workspaceRoot];
+configWithMonicon.watchFolders = [workspaceRoot];
 // 2. Let Metro know where to resolve packages, and in what order
-configWithIconify.resolver.nodeModulesPaths = [
+configWithMonicon.resolver.nodeModulesPaths = [
   path.resolve(projectRoot, "node_modules"),
   path.resolve(workspaceRoot, "node_modules"),
 ];
 // 3. Force Metro to resolve (sub)dependencies only from the `nodeModulesPaths`
-configWithIconify.resolver.disableHierarchicalLookup = true;
+configWithMonicon.resolver.disableHierarchicalLookup = true;
 
-module.exports = configWithIconify;
+module.exports = configWithMonicon;
diff --git a/apps/react-native-app/webpack.config.js b/apps/react-native-app/webpack.config.js
index efaefaa..47f170f 100644
--- a/apps/react-native-app/webpack.config.js
+++ b/apps/react-native-app/webpack.config.js
@@ -1,11 +1,11 @@
 const createExpoWebpackConfigAsync = require("@expo/webpack-config");
-const { IconifyPlugin } = require("@monicon/webpack");
+const { MoniconPlugin } = require("@monicon/webpack");
 
 module.exports = async function (env, argv) {
   const config = await createExpoWebpackConfigAsync(env, argv);
 
   config.plugins.push(
-    new IconifyPlugin({
+    new MoniconPlugin({
       icons: [
         "mdi:home",
         "mdi:account",
diff --git a/apps/rollup-react/rollup.config.mjs b/apps/rollup-react/rollup.config.mjs
index 0ae27b9..e907426 100644
--- a/apps/rollup-react/rollup.config.mjs
+++ b/apps/rollup-react/rollup.config.mjs
@@ -2,7 +2,7 @@ import nodeResolve from "@rollup/plugin-node-resolve";
 import commonjs from "@rollup/plugin-commonjs";
 import babel from "@rollup/plugin-babel";
 import replace from "@rollup/plugin-replace";
-import { IconifyPlugin } from "@monicon/rollup";
+import monicon from "@monicon/rollup";
 import serve from "rollup-plugin-serve";
 
 const isDev = process.env.NODE_ENV === "development";
@@ -19,7 +19,7 @@ export default {
     nodeResolve({
       extensions: [".js", ".jsx"],
     }),
-    IconifyPlugin({
+    monicon({
       outputFileName: "rollup-react",
       icons: ["mdi:home"],
     }),
diff --git a/apps/rollup-react/src/App.jsx b/apps/rollup-react/src/App.jsx
index eeeef88..3f10346 100644
--- a/apps/rollup-react/src/App.jsx
+++ b/apps/rollup-react/src/App.jsx
@@ -1,5 +1,5 @@
 import React from "react";
-import { Iconify } from "@monicon/react";
+import { Monicon } from "@monicon/react";
 
 const App = () => {
   return (
@@ -12,7 +12,7 @@ const App = () => {
         height: "100vh",
       }}
     >
-      <Iconify name="mdi:home" size={32} />
+      <Monicon name="mdi:home" size={32} />
     </main>
   );
 };
diff --git a/apps/rspack-react/rspack.config.mjs b/apps/rspack-react/rspack.config.mjs
index 8a7db59..c00e114 100644
--- a/apps/rspack-react/rspack.config.mjs
+++ b/apps/rspack-react/rspack.config.mjs
@@ -3,7 +3,7 @@ import { fileURLToPath } from "node:url";
 import { defineConfig } from "@rspack/cli";
 import { rspack } from "@rspack/core";
 import RefreshPlugin from "@rspack/plugin-react-refresh";
-import IconifyPlugin from "@monicon/rspack";
+import MoniconPlugin from "@monicon/rspack";
 
 const __dirname = dirname(fileURLToPath(import.meta.url));
 const isDev = process.env.NODE_ENV === "development";
@@ -56,7 +56,7 @@ export default defineConfig({
       template: "./index.html",
     }),
     isDev ? new RefreshPlugin() : null,
-    new IconifyPlugin({
+    new MoniconPlugin({
       icons: ["mdi:home"],
       outputFileName: "rspack-react",
     }),
diff --git a/apps/rspack-react/src/App.jsx b/apps/rspack-react/src/App.jsx
index f1fb4a8..52e78c2 100644
--- a/apps/rspack-react/src/App.jsx
+++ b/apps/rspack-react/src/App.jsx
@@ -1,13 +1,13 @@
 import React from "react";
-import { Iconify } from "@monicon/react";
+import { Monicon } from "@monicon/react";
 
 import "./App.css";
 
 function App() {
   return (
     <div className="App">
-      <Iconify name="mdi:home" size={32} />
-      <Iconify name="invalid:icon" />
+      <Monicon name="mdi:home" size={32} />
+      <Monicon name="invalid:icon" />
     </div>
   );
 }
diff --git a/apps/svelte-app/src/routes/+page.svelte b/apps/svelte-app/src/routes/+page.svelte
index 65444a8..760a674 100644
--- a/apps/svelte-app/src/routes/+page.svelte
+++ b/apps/svelte-app/src/routes/+page.svelte
@@ -1,12 +1,12 @@
 <script>
-  import { Iconify } from "@monicon/svelte";
+  import { Monicon } from "@monicon/svelte";
 </script>
 
 <main>
-  <Iconify name="mdi:home" size={24} />
-  <Iconify name="logos:active-campaign" />
-  <Iconify name="logos:apache-superset-icon" />
-  <Iconify name="invalid:icon" color="red" />
+  <Monicon name="mdi:home" size={24} />
+  <Monicon name="logos:active-campaign" />
+  <Monicon name="logos:apache-superset-icon" />
+  <Monicon name="invalid:icon" color="red" />
 </main>
 
 <style>
diff --git a/apps/svelte-app/vite.config.ts b/apps/svelte-app/vite.config.ts
index 71d8496..124c4d1 100644
--- a/apps/svelte-app/vite.config.ts
+++ b/apps/svelte-app/vite.config.ts
@@ -1,11 +1,11 @@
 import { sveltekit } from "@sveltejs/kit/vite";
 import { defineConfig } from "vite";
-import { IconifyPlugin } from "@monicon/vite";
+import monicon from "@monicon/vite";
 
 export default defineConfig({
   plugins: [
     sveltekit(),
-    IconifyPlugin({
+    monicon({
       icons: [
         "mdi:home",
         "mdi:account",
diff --git a/apps/vite-react/src/App.tsx b/apps/vite-react/src/App.tsx
index b9dbc00..1c0f780 100644
--- a/apps/vite-react/src/App.tsx
+++ b/apps/vite-react/src/App.tsx
@@ -1,14 +1,14 @@
 import "./App.css";
 
-import { Iconify } from "@monicon/react";
+import { Monicon } from "@monicon/react";
 
 function App() {
   return (
     <main>
-      <Iconify name="mdi:home" />
-      <Iconify name="logos:active-campaign" />
-      <Iconify name="logos:apache-superset-icon" />
-      <Iconify name="invalid:icon" />
+      <Monicon name="mdi:home" />
+      <Monicon name="logos:active-campaign" />
+      <Monicon name="logos:apache-superset-icon" />
+      <Monicon name="invalid:icon" />
     </main>
   );
 }
diff --git a/apps/vite-react/vite.config.ts b/apps/vite-react/vite.config.ts
index e4bef90..00e7170 100644
--- a/apps/vite-react/vite.config.ts
+++ b/apps/vite-react/vite.config.ts
@@ -1,12 +1,12 @@
 import { defineConfig } from "vite";
 import react from "@vitejs/plugin-react";
-import { IconifyPlugin } from "@monicon/vite";
+import monicon from "@monicon/vite";
 
 // https://vitejs.dev/config/
 export default defineConfig({
   plugins: [
     react(),
-    IconifyPlugin({
+    monicon({
       icons: [
         "mdi:home",
         "mdi:account",
diff --git a/apps/vite-vue/src/App.vue b/apps/vite-vue/src/App.vue
index 0aa71d0..4a5487b 100644
--- a/apps/vite-vue/src/App.vue
+++ b/apps/vite-vue/src/App.vue
@@ -2,9 +2,9 @@
 
 <template>
   <main>
-    <Iconify name="mdi:home" :size="32" />
-    <Iconify name="logos:active-campaign" />
-    <Iconify name="logos:apache-superset-icon" />
-    <Iconify name="invalid:icon" />
+    <Monicon name="mdi:home" :size="32" />
+    <Monicon name="logos:active-campaign" />
+    <Monicon name="logos:apache-superset-icon" />
+    <Monicon name="invalid:icon" />
   </main>
 </template>
diff --git a/apps/vite-vue/src/main.ts b/apps/vite-vue/src/main.ts
index a482197..9a3eb64 100644
--- a/apps/vite-vue/src/main.ts
+++ b/apps/vite-vue/src/main.ts
@@ -1,5 +1,5 @@
 import { createApp } from "vue";
-import Iconify from "@monicon/vue";
+import Monicon from "@monicon/vue";
 
 import App from "./App.vue";
 
@@ -7,6 +7,6 @@ import "./style.css";
 
 const app = createApp(App);
 
-app.use(Iconify);
+app.use(Monicon);
 
 app.mount("#app");
diff --git a/apps/vite-vue/vite.config.ts b/apps/vite-vue/vite.config.ts
index e60ec88..304549c 100644
--- a/apps/vite-vue/vite.config.ts
+++ b/apps/vite-vue/vite.config.ts
@@ -1,12 +1,12 @@
 import { defineConfig } from "vite";
 import vue from "@vitejs/plugin-vue";
-import { IconifyPlugin } from "@monicon/vite";
+import monicon from "@monicon/vite";
 
 // https://vitejs.dev/config/
 export default defineConfig({
   plugins: [
     vue(),
-    IconifyPlugin({
+    monicon({
       icons: [
         "mdi:home",
         "mdi:account",
diff --git a/packages/babel-plugin/src/index.ts b/packages/babel-plugin/src/index.ts
index 681fcd7..322514d 100644
--- a/packages/babel-plugin/src/index.ts
+++ b/packages/babel-plugin/src/index.ts
@@ -2,7 +2,7 @@ import type * as b from "@babel/core";
 import {
   getIconsFilePath,
   getResolveAlias,
-  IconifyOptions,
+  MoniconOptions,
 } from "@monicon/core";
 
 const alias = getResolveAlias();
@@ -13,7 +13,7 @@ export default ({ types: t }: typeof b): b.PluginObj => {
       ImportDeclaration(path) {
         if (path.node.source.value === alias) {
           path.node.source.value = getIconsFilePath(
-            this.opts as IconifyOptions
+            this.opts as MoniconOptions
           );
         }
       },
@@ -33,7 +33,7 @@ export default ({ types: t }: typeof b): b.PluginObj => {
           firstArg.value === alias;
 
         if (isFunctionImport && isImportingIcons && firstArg) {
-          firstArg.value = getIconsFilePath(this.opts as IconifyOptions);
+          firstArg.value = getIconsFilePath(this.opts as MoniconOptions);
         }
       },
     },
diff --git a/packages/core/src/index.ts b/packages/core/src/index.ts
index 6b6b802..40e2c55 100644
--- a/packages/core/src/index.ts
+++ b/packages/core/src/index.ts
@@ -7,7 +7,7 @@ import { dirname } from "path";
 
 import { toPx } from "./utils";
 
-export type IconifyOptions = {
+export type MoniconOptions = {
   icons: string[];
   outputFileName?: string;
   type?: "cjs" | "esm";
@@ -19,7 +19,7 @@ export type Icon = {
   height: number;
 };
 
-const defaultOptions: IconifyOptions = {
+const defaultOptions: MoniconOptions = {
   outputFileName: "icons",
   type: "cjs",
   icons: [],
@@ -36,7 +36,7 @@ export const getResolveExtensions = () => {
 };
 
 const getIconsFilePathEsm = (
-  fileName: IconifyOptions["outputFileName"] = "icons"
+  fileName: MoniconOptions["outputFileName"] = "icons"
 ) => {
   // @ts-ignore
   const currentFileName = fileURLToPath(import.meta.url);
@@ -46,13 +46,13 @@ const getIconsFilePathEsm = (
 };
 
 const getIconsFilePathCjs = (
-  fileName: IconifyOptions["outputFileName"] = "icons"
+  fileName: MoniconOptions["outputFileName"] = "icons"
 ) => {
   return path.resolve(__dirname, `${fileName}.js`);
 };
 
-export const getIconsFilePath = (opts?: IconifyOptions) => {
-  const options: IconifyOptions = { ...defaultOptions, ...opts };
+export const getIconsFilePath = (opts?: MoniconOptions) => {
+  const options: MoniconOptions = { ...defaultOptions, ...opts };
 
   if (options.type === "esm")
     return getIconsFilePathEsm(options.outputFileName);
@@ -65,7 +65,7 @@ export const loadIcon = async (iconName: string) => {
 
   if (!iconDetails) {
     console.warn(
-      `[Iconify] The icon "${iconName}" was not found. This icon might not exist, or the required icon collection might not be installed. You can explore available icons at https://icones.js.org and ensure the correct collection is added to your project.`
+      `[Monicon] The icon "${iconName}" was not found. This icon might not exist, or the required icon collection might not be installed. You can explore available icons at https://icones.js.org and ensure the correct collection is added to your project.`
     );
     return;
   }
@@ -74,7 +74,7 @@ export const loadIcon = async (iconName: string) => {
 
   if (!svg) {
     console.warn(
-      `[Iconify] The icon "${iconName}" was not found. This icon might not exist, or the required icon collection might not be installed. You can explore available icons at https://icones.js.org and ensure the correct collection is added to your project.`
+      `[Monicon] The icon "${iconName}" was not found. This icon might not exist, or the required icon collection might not be installed. You can explore available icons at https://icones.js.org and ensure the correct collection is added to your project.`
     );
     return;
   }
@@ -92,8 +92,8 @@ export const loadIcon = async (iconName: string) => {
   };
 };
 
-export const loadIcons = async (opts?: IconifyOptions) => {
-  const options: IconifyOptions = {
+export const loadIcons = async (opts?: MoniconOptions) => {
+  const options: MoniconOptions = {
     ...defaultOptions,
     ...opts,
   };
@@ -109,7 +109,7 @@ export const loadIcons = async (opts?: IconifyOptions) => {
 
 const writeIcons = (
   outputPath: string,
-  type: IconifyOptions["type"] = "cjs"
+  type: MoniconOptions["type"] = "cjs"
 ) => {
   const commonjsCode = `module.exports = ${JSON.stringify(iconsAsObject, null, 2)};`;
   const esmCode = `export default ${JSON.stringify(iconsAsObject, null, 2)};`;
diff --git a/packages/esbuild/src/index.ts b/packages/esbuild/src/index.ts
index 6e61d27..3162240 100644
--- a/packages/esbuild/src/index.ts
+++ b/packages/esbuild/src/index.ts
@@ -1,16 +1,18 @@
 import {
   loadIcons,
   getIconsFilePath,
-  IconifyOptions,
+  MoniconOptions,
   getResolveAlias,
 } from "@monicon/core";
 import { Plugin } from "esbuild";
 
 const alias = getResolveAlias();
 
-export const IconifyPlugin = (options: IconifyOptions): Plugin => {
+const name = "esbuild-monicon";
+
+export const monicon = (options: MoniconOptions): Plugin => {
   return {
-    name: "esbuild-plugin-iconify",
+    name,
     setup(build) {
       build.onResolve({ filter: new RegExp(`^${alias}$`) }, (args) => {
         return { path: getIconsFilePath({ type: "esm", ...options }) };
@@ -22,3 +24,5 @@ export const IconifyPlugin = (options: IconifyOptions): Plugin => {
     },
   };
 };
+
+export default monicon;
diff --git a/packages/icon-loader/src/index.ts b/packages/icon-loader/src/index.ts
index 6383400..4f992e9 100644
--- a/packages/icon-loader/src/index.ts
+++ b/packages/icon-loader/src/index.ts
@@ -1,7 +1,7 @@
 import { Icon } from "@monicon/core";
 import { parseSync, stringify } from "svgson";
 
-export type IconifyProps = {
+export type MoniconProps = {
   name: string;
   size?: number;
   color?: string;
@@ -9,7 +9,7 @@ export type IconifyProps = {
 
 export type GetIconDetailsOptions = {
   icon: Icon;
-  props: IconifyProps;
+  props: MoniconProps;
 };
 
 export const fallbackIcon: Icon = {
@@ -24,14 +24,14 @@ const loadIcon = (iconName: string, icons: Record<string, Icon>) => {
   if (icon) return icon;
 
   console.warn(
-    `[Iconify] The icon "${iconName}" is missing from the configuration. To resolve this, ensure it is added to the 'icons' array within the Iconify plugin's configuration.`
+    `[Monicon] The icon "${iconName}" is missing from the configuration. To resolve this, ensure it is added to the 'icons' array within the Monicon plugin's configuration.`
   );
 
   return fallbackIcon;
 };
 
 export const getIconDetails = (
-  props: IconifyProps,
+  props: MoniconProps,
   icons: Record<string, Icon>
 ) => {
   const icon = loadIcon(props.name, icons);
diff --git a/packages/metro/src/index.ts b/packages/metro/src/index.ts
index 4195bf2..5d544c1 100644
--- a/packages/metro/src/index.ts
+++ b/packages/metro/src/index.ts
@@ -3,12 +3,12 @@ import {
   loadIcons,
   getIconsFilePath,
   getResolveAlias,
-  IconifyOptions,
+  MoniconOptions,
 } from "@monicon/core";
 
-export const withIconify = (
+export const withMonicon = (
   metroConfig: IntermediateConfigT,
-  options?: IconifyOptions
+  options?: MoniconOptions
 ): IntermediateConfigT => {
   const alias = getResolveAlias();
 
diff --git a/packages/native/package.json b/packages/native/package.json
index e6e259c..9386f9e 100644
--- a/packages/native/package.json
+++ b/packages/native/package.json
@@ -15,9 +15,9 @@
       "import": "./dist/index.mjs",
       "require": "./dist/index.js"
     },
-    "./Iconify": {
-      "import": "./dist/Iconify.mjs",
-      "require": "./dist/Iconify.js"
+    "./Monicon": {
+      "import": "./dist/Monicon.mjs",
+      "require": "./dist/Monicon.js"
     }
   },
   "scripts": {
diff --git a/packages/native/src/Iconify.tsx b/packages/native/src/Monicon.tsx
similarity index 92%
rename from packages/native/src/Iconify.tsx
rename to packages/native/src/Monicon.tsx
index bb7fdcc..cb6f867 100644
--- a/packages/native/src/Iconify.tsx
+++ b/packages/native/src/Monicon.tsx
@@ -1,5 +1,5 @@
 import React from "react";
-import { getIconDetails, IconifyProps } from "@monicon/icon-loader";
+import { getIconDetails, MoniconProps } from "@monicon/icon-loader";
 import { Icon } from "@monicon/core";
 
 const importIcons = () =>
@@ -57,7 +57,7 @@ const getComponent = async (props: ReturnType<typeof getIconDetails>) => {
   return webIcon(props);
 };
 
-export const Iconify = (props: IconifyProps) => {
+export const Monicon = (props: MoniconProps) => {
   const [Component, setComponent] = React.useState<React.ReactNode | null>(
     null
   );
@@ -79,4 +79,4 @@ export const Iconify = (props: IconifyProps) => {
   return Component;
 };
 
-export default Iconify;
+export default Monicon;
diff --git a/packages/native/src/index.tsx b/packages/native/src/index.tsx
index aeafbe5..93e93f1 100644
--- a/packages/native/src/index.tsx
+++ b/packages/native/src/index.tsx
@@ -1,4 +1,6 @@
-import Iconify from "./Iconify";
+export type { MoniconProps } from "@monicon/icon-loader";
 
-export { Iconify };
-export default Iconify;
+import Monicon from "./Monicon";
+
+export { Monicon };
+export default Monicon;
diff --git a/packages/native/tsup.config.ts b/packages/native/tsup.config.ts
index a3299c7..67a7be3 100644
--- a/packages/native/tsup.config.ts
+++ b/packages/native/tsup.config.ts
@@ -1,7 +1,7 @@
 import { defineConfig, Options } from "tsup";
 
 export default defineConfig((options: Options) => ({
-  entry: ["src/index.tsx", "src/Iconify.tsx"],
+  entry: ["src/index.tsx", "src/Monicon.tsx"],
   banner: {
     js: "'use client'",
   },
diff --git a/packages/nuxt/src/index.ts b/packages/nuxt/src/index.ts
index 626086c..465afc2 100644
--- a/packages/nuxt/src/index.ts
+++ b/packages/nuxt/src/index.ts
@@ -3,25 +3,27 @@ import {
   getIconsFilePath,
   getResolveAlias,
   loadIcons,
-  type IconifyOptions,
+  MoniconOptions,
 } from "@monicon/core";
 
-const defaultOptions: IconifyOptions = {
+const defaultOptions: MoniconOptions = {
   icons: [],
   type: "esm",
 };
 
-export default defineNuxtModule<IconifyOptions>({
+export default defineNuxtModule<MoniconOptions>({
   meta: {
-    name: "nuxt-iconify",
-    configKey: "iconify",
+    name: "nuxt-monicon",
+    configKey: "monicon",
   },
   defaults: defaultOptions,
   async setup(options, nuxt) {
     addComponent({
-      name: "Iconify",
-      export: "Iconify",
+      name: "Monicon",
+      export: "Monicon",
       filePath: "@monicon/vue",
+      kebabName: "monicon",
+      pascalName: "Monicon",
     });
 
     const alias = getResolveAlias();
diff --git a/packages/react/package.json b/packages/react/package.json
index 67171a7..0d71387 100644
--- a/packages/react/package.json
+++ b/packages/react/package.json
@@ -15,9 +15,9 @@
       "import": "./dist/index.mjs",
       "require": "./dist/index.js"
     },
-    "./iconify": {
-      "import": "./dist/iconify.mjs",
-      "require": "./dist/iconify.js"
+    "./monicon": {
+      "import": "./dist/Monicon.mjs",
+      "require": "./dist/Monicon.js"
     }
   },
   "scripts": {
diff --git a/packages/react/src/iconify.tsx b/packages/react/src/Monicon.tsx
similarity index 86%
rename from packages/react/src/iconify.tsx
rename to packages/react/src/Monicon.tsx
index d48665a..c02dfa0 100644
--- a/packages/react/src/iconify.tsx
+++ b/packages/react/src/Monicon.tsx
@@ -1,5 +1,5 @@
 import React from "react";
-import { getIconDetails, IconifyProps } from "@monicon/icon-loader";
+import { getIconDetails, MoniconProps } from "@monicon/icon-loader";
 import { Icon } from "@monicon/core";
 
 const importIcons = () =>
@@ -15,7 +15,7 @@ const importIcons = () =>
     }
   });
 
-export const Iconify = (props: IconifyProps) => {
+export const Monicon = (props: MoniconProps) => {
   const [Component, setComponent] = React.useState<React.ReactElement | null>(
     null
   );
@@ -40,4 +40,4 @@ export const Iconify = (props: IconifyProps) => {
   return Component;
 };
 
-export default Iconify;
+export default Monicon;
diff --git a/packages/react/src/index.tsx b/packages/react/src/index.tsx
index bfade40..93e93f1 100644
--- a/packages/react/src/index.tsx
+++ b/packages/react/src/index.tsx
@@ -1,2 +1,6 @@
-export { Iconify } from "./iconify";
-export { type IconifyProps } from "@monicon/icon-loader";
+export type { MoniconProps } from "@monicon/icon-loader";
+
+import Monicon from "./Monicon";
+
+export { Monicon };
+export default Monicon;
diff --git a/packages/react/tsup.config.ts b/packages/react/tsup.config.ts
index 952d05a..67a7be3 100644
--- a/packages/react/tsup.config.ts
+++ b/packages/react/tsup.config.ts
@@ -1,7 +1,7 @@
 import { defineConfig, Options } from "tsup";
 
 export default defineConfig((options: Options) => ({
-  entry: ["src/index.tsx", "src/iconify.tsx"],
+  entry: ["src/index.tsx", "src/Monicon.tsx"],
   banner: {
     js: "'use client'",
   },
diff --git a/packages/rollup/src/index.ts b/packages/rollup/src/index.ts
index cd531f0..597c92a 100644
--- a/packages/rollup/src/index.ts
+++ b/packages/rollup/src/index.ts
@@ -1 +1,4 @@
-export { IconifyPlugin } from "@monicon/vite";
+import { monicon } from "@monicon/vite";
+
+export { monicon };
+export default monicon;
diff --git a/packages/rspack/src/index.ts b/packages/rspack/src/index.ts
index d584f16..3b628e3 100644
--- a/packages/rspack/src/index.ts
+++ b/packages/rspack/src/index.ts
@@ -1,13 +1,13 @@
-import { IconifyOptions } from "@monicon/core";
-import { IconifyPlugin as IconifyWebpackPlugin } from "@monicon/webpack";
+import { MoniconOptions } from "@monicon/core";
+import { MoniconPlugin as MoniconWebpackPlugin } from "@monicon/webpack";
 
-const pluginName = "rspack-iconify";
+const pluginName = "rspack-monicon";
 
-export class IconifyPlugin extends IconifyWebpackPlugin {
+export class MoniconPlugin extends MoniconWebpackPlugin {
   name = pluginName;
 
-  constructor(options: IconifyOptions) {
-    const opts: IconifyOptions = {
+  constructor(options: MoniconOptions) {
+    const opts: MoniconOptions = {
       type: "esm",
       ...options,
     };
@@ -16,4 +16,4 @@ export class IconifyPlugin extends IconifyWebpackPlugin {
   }
 }
 
-export default IconifyPlugin;
+export default MoniconPlugin;
diff --git a/packages/svelte/src/lib/Iconify.svelte b/packages/svelte/src/lib/Monicon.svelte
similarity index 100%
rename from packages/svelte/src/lib/Iconify.svelte
rename to packages/svelte/src/lib/Monicon.svelte
diff --git a/packages/svelte/src/lib/index.ts b/packages/svelte/src/lib/index.ts
index b7e196a..1354cfd 100644
--- a/packages/svelte/src/lib/index.ts
+++ b/packages/svelte/src/lib/index.ts
@@ -1,4 +1,4 @@
-import Iconify from "./Iconify.svelte";
+import Monicon from "./Monicon.svelte";
 
-export { Iconify };
-export default Iconify;
+export { Monicon };
+export default Monicon;
diff --git a/packages/svelte/src/routes/+page.svelte b/packages/svelte/src/routes/+page.svelte
index 8fc2597..4b9c70e 100644
--- a/packages/svelte/src/routes/+page.svelte
+++ b/packages/svelte/src/routes/+page.svelte
@@ -1,12 +1,12 @@
 <script>
-  import Iconify from "../lib/Iconify.svelte";
+  import Monicon from "../lib/Monicon.svelte";
 </script>
 
 <main>
-  <Iconify name="mdi:home" size={24} />
-  <Iconify name="logos:active-campaign" />
-  <Iconify name="logos:apache-superset-icon" />
-  <Iconify name="invalid:icon" color="red" />
+  <Monicon name="mdi:home" size={24} />
+  <Monicon name="logos:active-campaign" />
+  <Monicon name="logos:apache-superset-icon" />
+  <Monicon name="invalid:icon" color="red" />
 </main>
 
 <style>
diff --git a/packages/svelte/vite.config.ts b/packages/svelte/vite.config.ts
index 354bb89..2da7696 100644
--- a/packages/svelte/vite.config.ts
+++ b/packages/svelte/vite.config.ts
@@ -1,11 +1,11 @@
 import { sveltekit } from "@sveltejs/kit/vite";
 import { defineConfig } from "vite";
-import { IconifyPlugin } from "@monicon/vite";
+import { monicon } from "@monicon/vite";
 
 export default defineConfig({
   plugins: [
     sveltekit(),
-    IconifyPlugin({
+    monicon({
       icons: [
         "mdi:home",
         "mdi:account",
diff --git a/packages/vite/src/index.ts b/packages/vite/src/index.ts
index ca9aeb7..d7dbb2d 100644
--- a/packages/vite/src/index.ts
+++ b/packages/vite/src/index.ts
@@ -2,15 +2,17 @@ import { PluginOption } from "vite";
 import {
   loadIcons,
   getIconsFilePath,
-  IconifyOptions,
+  MoniconOptions,
   getResolveAlias,
 } from "@monicon/core";
 
 const alias = getResolveAlias();
 
-export const IconifyPlugin = (options: IconifyOptions): PluginOption[] => [
+const name = "vite-monicon";
+
+export const monicon = (options: MoniconOptions): PluginOption[] => [
   {
-    name: "vite-plugin-iconify",
+    name,
     async buildStart() {
       await loadIcons({ type: "esm", ...options });
     },
@@ -22,3 +24,5 @@ export const IconifyPlugin = (options: IconifyOptions): PluginOption[] => [
     },
   },
 ];
+
+export default monicon;
diff --git a/packages/vue/package.json b/packages/vue/package.json
index 21afeca..11b74b2 100644
--- a/packages/vue/package.json
+++ b/packages/vue/package.json
@@ -1,8 +1,8 @@
 {
   "name": "@monicon/vue",
   "version": "0.0.122",
-  "main": "./dist/iconify.umd.js",
-  "module": "dist/iconify.mjs",
+  "main": "./dist/monicon.umd.js",
+  "module": "dist/monicon.mjs",
   "types": "./dist/index.d.ts",
   "files": [
     "dist"
@@ -12,8 +12,8 @@
   },
   "exports": {
     ".": {
-      "import": "./dist/iconify.mjs",
-      "require": "./dist/iconify.umd.js",
+      "import": "./dist/monicon.mjs",
+      "require": "./dist/monicon.umd.js",
       "types": "./dist/index.d.ts"
     }
   },
diff --git a/packages/vue/src/index.ts b/packages/vue/src/index.ts
index e651a54..ca7aa2a 100644
--- a/packages/vue/src/index.ts
+++ b/packages/vue/src/index.ts
@@ -1,12 +1,12 @@
 import type { App } from "vue";
-import { IconifyProps } from "@monicon/icon-loader";
+import { MoniconProps } from "@monicon/icon-loader";
 
-import Iconify from "./Iconify.vue";
+import Monicon from "./monicon.vue";
 
 export default {
   install: (app: App) => {
-    app.component("Iconify", Iconify);
+    app.component("Monicon", Monicon);
   },
 };
 
-export { Iconify, type IconifyProps };
+export { Monicon, type MoniconProps };
diff --git a/packages/vue/src/main.ts b/packages/vue/src/main.ts
index e651a54..ca7aa2a 100644
--- a/packages/vue/src/main.ts
+++ b/packages/vue/src/main.ts
@@ -1,12 +1,12 @@
 import type { App } from "vue";
-import { IconifyProps } from "@monicon/icon-loader";
+import { MoniconProps } from "@monicon/icon-loader";
 
-import Iconify from "./Iconify.vue";
+import Monicon from "./monicon.vue";
 
 export default {
   install: (app: App) => {
-    app.component("Iconify", Iconify);
+    app.component("Monicon", Monicon);
   },
 };
 
-export { Iconify, type IconifyProps };
+export { Monicon, type MoniconProps };
diff --git a/packages/vue/src/Iconify.vue b/packages/vue/src/monicon.vue
similarity index 88%
rename from packages/vue/src/Iconify.vue
rename to packages/vue/src/monicon.vue
index a4f81c4..f399199 100644
--- a/packages/vue/src/Iconify.vue
+++ b/packages/vue/src/monicon.vue
@@ -1,9 +1,9 @@
 <script setup lang="ts">
 import { defineProps, ref, watch, onMounted } from "vue";
-import { getIconDetails, IconifyProps } from "@monicon/icon-loader";
+import { getIconDetails, MoniconProps } from "@monicon/icon-loader";
 import { Icon } from "@monicon/core";
 
-const props = defineProps<IconifyProps>();
+const props = defineProps<MoniconProps>();
 
 const details = ref<ReturnType<typeof getIconDetails> | null>(null);
 
diff --git a/packages/vue/vite.config.ts b/packages/vue/vite.config.ts
index 1954bf9..fca9e48 100644
--- a/packages/vue/vite.config.ts
+++ b/packages/vue/vite.config.ts
@@ -13,9 +13,9 @@ export default defineConfig({
   build: {
     lib: {
       entry: "src/index.ts",
-      name: "Iconify",
+      name: "Monicon",
       formats: ["es", "cjs", "umd"],
-      fileName: "iconify",
+      fileName: "monicon",
     },
     rollupOptions: {
       input: {
@@ -26,7 +26,6 @@ export default defineConfig({
         exports: "named",
         globals: {
           vue: "Vue",
-          oktay: "Oktay",
         },
       },
     },
diff --git a/packages/webpack/src/index.ts b/packages/webpack/src/index.ts
index c9c792b..76ba5fc 100644
--- a/packages/webpack/src/index.ts
+++ b/packages/webpack/src/index.ts
@@ -1,21 +1,21 @@
 import {
   loadIcons,
   getIconsFilePath,
-  IconifyOptions,
+  MoniconOptions,
   getResolveAlias,
 } from "@monicon/core";
 import { Compiler } from "webpack";
 
-const pluginName = "webpack-iconify";
+const pluginName = "webpack-monicon";
 
 let iconsLoaded = false;
 
-export class IconifyPlugin {
+export class MoniconPlugin {
   name = pluginName;
 
-  private options!: IconifyOptions;
+  private options!: MoniconOptions;
 
-  constructor(options: IconifyOptions) {
+  constructor(options: MoniconOptions) {
     this.options = options;
   }
 
@@ -44,4 +44,4 @@ export class IconifyPlugin {
   }
 }
 
-export default IconifyPlugin;
+export default MoniconPlugin;
diff --git a/turbo.json b/turbo.json
index 76124e5..f4eee10 100644
--- a/turbo.json
+++ b/turbo.json
@@ -3,7 +3,6 @@
   "ui": "tui",
   "tasks": {
     "build": {
-      "cache": false,
       "inputs": ["$TURBO_DEFAULT$", ".env*"],
       "outputs": ["dist/**", ".next/**", "!.next/cache/**"],
       "dependsOn": ["^build"]