\" },\r\n \"b\": { \"body\": \"\u003Cpath d=\\\"_path_b_\\\"/>\" },\r\n \"c\": { \"body\": \"\u003Cpath d=\\\"_path_c_\\\"/>\" }\r\n },\r\n \"width\": 24,\r\n \"height\": 24,\r\n}\r\n```\r\n\r\nExample API response to `GET /api/iconify-provider/my-icons.json?icons=a,c`\r\n```json\r\n{\r\n \"prefix\": \"my-icons\",\r\n \"icons\": {\r\n \"a\": { \"body\": \"\u003Cpath d=\\\"_path_a_\\\"/>\" },\r\n \"c\": { \"body\": \"\u003Cpath d=\\\"_path_c_\\\"/>\" }\r\n },\r\n \"width\": 24,\r\n \"height\": 24,\r\n}\r\n```\r\n\r\nModule would have to register the custom provider with iconify library:\r\n```ts\r\nimport { addAPIProvider } from '@iconify/vue'\r\naddAPIProvider('nuxt', { resources: ['/api/iconify-provider'] })\r\n```\r\n\r\nAnd the icons should be usable as per example:\r\n```html\r\n\u003Cicon name=\"@nuxt:my-icons:a\"/>\r\n\u003Cicon name=\"@nuxt:my-icons:c\"/>\r\n```",[],97,"Feature Request: Built-in API provider for custom IconifyJSON","2024-10-25T16:58:25Z","https://github.com/nuxt/icon/issues/97",0.7138079,{"description":3080,"labels":3081,"number":3084,"owner":3019,"repository":3085,"state":3058,"title":3086,"updated_at":3087,"url":3088,"score":3089},"When we moved from UnoCSS to TailwindCSS, we lost the ability to parse and bundle iconify-json through UnoCSS parser. With no idea on how to achieve the same behaviour with TailwindCSS, we made use of iconify-vue to load icons on the fly: https://github.com/nuxtlabs/ui/blob/dev/src/runtime/components/elements/Icon.vue",[3082],{"name":3030,"color":3083},"1ad6ff",57,"nuxt.com","Fix UI iconify offline","2022-11-04T11:26:57Z","https://github.com/nuxt/nuxt.com/issues/57",0.7200668,{"description":3091,"labels":3092,"number":3097,"owner":3019,"repository":3036,"state":3058,"title":3098,"updated_at":3099,"url":3100,"score":3101},"### Description\n\nI'm using Nuxt UI (@nuxt/ui) with Vue 3 + TypeScript, but without the Nuxt framework.\n\nI've registered all icons locally using @iconify/vue@5.x by calling addIcon(...) before the Vue app is mounted.\n\nEverything works perfectly in local development using vite (npm run dev) — icons are rendered correctly and no remote requests are made.\n\n❌ Problem in Production\nAfter running:\n\nbash\nCopy\nEdit\nvite build && vite preview\n...the app starts sending requests to the Iconify CDN like:\n\narduino\nCopy\nEdit\nhttps://api.iconify.design/lucide.json?icons=chevron-down\nThis breaks the application in offline/local-only networks (where internet access is restricted), even though:\n\nAll icons are correctly registered using addIcon(...)\n\nimport { addIcon } from '@iconify/vue'\nimport userIcon from '@/assets/icons/user.svg?raw'\n\naddIcon('lucide:user', {\n body: extractSvgBody(userIcon),\n width: 24,\n height: 24\n})\n\ngetIcon('lucide:user') and other names return full SVG objects at runtime\n\nThe final dist bundle contains the icon SVGs\n\nThe icon registration is done before createApp()\n\n\"sideEffects\": [\"src/icons/index.ts\"] is added to package.json to prevent tree-shaking\n\nI have to run the project on an internetless local network. Locally everything is working fine, but on production all icons making request to remote to get them. Please help me",[3093,3096],{"name":3094,"color":3095},"question","d876e3",{"name":3054,"color":3055},4498,"🚨 Issue: \u003CUIcon> fetches icons from remote CDN even when registered locally via addIcon in production","2025-07-11T14:07:47Z","https://github.com/nuxt/ui/issues/4498",0.7252674,{"description":3103,"labels":3104,"number":3105,"owner":3019,"repository":3020,"state":3058,"title":3106,"updated_at":3107,"url":3108,"score":3109},"Is it not enough to use documentation steps to use it? \r\n\r\nhttps://nuxt.com/modules/icon#setup-%EF%B8%8F\r\n\r\n```\r\n //package.json\r\n \"devDependencies\": {\r\n \"nuxt-icon\": \"^0.2.10\",\r\n },\r\n```\r\n\r\n```\r\n //nuxt.config.ts\r\n modules: [\r\n 'nuxt-icon',\r\n ],\r\n```\r\n\r\nwhen I use `yarn generate` I got an error\r\n\r\n`\r\nERROR Could not load \\node_modules\\@iconify\\vue\\dist\\iconify\r\n`\r\n\r\nif I install it by `yarn add --dev @iconify/vue` it's doesn't help\r\n\r\nwhen I use `yarn dev` I have no any issue\r\n",[],49," ERROR Could not load \\node_modules\\@iconify\\vue\\dist\\iconify","2023-04-19T08:32:00Z","https://github.com/nuxt/icon/issues/49",0.7283681,{"description":3111,"labels":3112,"number":3122,"owner":3019,"repository":3019,"state":3058,"title":3123,"updated_at":3124,"url":3125,"score":3126},"\n### Environment\n\nNuxt project info: \n\n------------------------------\n- Operating System: Linux\n- Node Version: v20.15.1\n- Nuxt Version: 3.13.2\n- CLI Version: 3.13.2\n- Nitro Version: 2.9.7\n- Package Manager: bun@1.1.8\n- Builder: -\n- User Config: experimental, runtimeConfig, build, devtools, nitro, routeRules, plugins, modules, eslint, pinia, site, delayHydration, i18n, icon, app, content, svgo, sitemap, googleFonts, image, mdc, htmlValidator, compatibilityDate\n- Runtime Modules: @nuxt/ui@2.18.4, @nuxt/image@1.8.0, @nuxt/content@2.13.2, @nuxt/eslint@0.5.7, @nuxtjs/google-fonts@3.2.0, @nuxtjs/fontaine@0.4.3, @nuxtjs/i18n@8.5.5, @nuxtjs/mdc@0.8.3, @nuxtjs/sitemap@6.1.0, @nuxtjs/html-validator@1.8.2, nuxt-delay-hydration@1.3.8, nuxt-svgo@4.0.6, @vueuse/nuxt@11.1.0, @vueuse/motion/nuxt@2.2.5, @pinia/nuxt@0.5.4, @nuxthq/studio@2.0.3, @nuxt/icon@1.5.1, @formkit/auto-animate/nuxt@0.8.2\n- Build Modules: -\n------------------------------\n\n### Reproduction\n\nGithub to reproduction: https://github.com/hoachnt/hoachnt-web\n\n### Describe the bug\n\nI don't know what problem is. I try to fix this bug 2 months and think that problem is in nuxt. And yep I saw in the official website of nuxt has same problem\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[3113,3116,3119],{"name":3114,"color":3115},"pending triage","E99695",{"name":3117,"color":3118},"needs reproduction","FBCA04",{"name":3120,"color":3121},"possible regression","B90A42",29387,"Icons not rendering on production build when mounting","2024-10-15T06:27:30Z","https://github.com/nuxt/nuxt/issues/29387",0.734615,["Reactive",3128],{},["Set"],["ShallowReactive",3131],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fTphBSTMhcXH2S5cGntIn2swSCC4V9wpF6exewpmcID0":-1},"/nuxt/icon/396"]