\\n\u003Cpath d=\\\"M16 28.8047C22.6274 28.8047 28 23.4321 28 16.8047C28 10.1773 22.6274 4.80469 16 4.80469C9.37258 4.80469 4 10.1773 4 16.8047C4 23.4321 9.37258 28.8047 16 28.8047Z\\\" stroke=\\\"#D324FC\\\" stroke-width=\\\"2\\\" stroke-linecap=\\\"round\\\" stroke-linejoin=\\\"round\\\"/>\\n\u003Ccircle cx=\\\"16\\\" cy=\\\"17\\\" r=\\\"3\\\" fill=\\\"#D324FC\\\"/>\u003C/g>\"\n }\n }\n}\n```",[],408,"Custom icon fails when calling multiple custom icons from the json url","2025-06-26T14:44:40Z","https://github.com/nuxt/icon/issues/408",0.72594917,{"description":3192,"labels":3193,"number":3198,"owner":3138,"repository":3170,"state":3140,"title":3199,"updated_at":3200,"url":3201,"score":3202},"### Environment\n\n- Operating System: Linux\n- Node Version: v22.9.0\n- Nuxt Version: 4.0.3\n- CLI Version: 3.28.0\n- Nitro Version: 2.12.4\n- Package Manager: npm@10.8.3\n- Builder: -\n- User Config: devtools, modules, ssr, css, icon, compatibilityDate\n- Runtime Modules: @nuxt/ui@3.3.2, @nuxt/eslint@1.8.0\n- Build Modules: -\n\n### Version\n\nv3.3.0\n\n### Reproduction\n\n1. `npm create nuxt@latest -- -t ui`\n2. add `ssr: false` and `icon: {provider: 'none', clientBundle: { scan: true }` in `nuxt.config.ts`\n3. add a simple `\u003CUCheckbox />` in `index.vue`\n4. run `npm run generate`\n5. serve `.output/public` with `apache2`\n\n\u003Cdetails>\u003Csummary>\u003Ccode>nuxt.config.ts\u003C/code> and \u003Ccode>app/pages/index.vue\u003C/code>\u003C/summary>\n\n```\nexport default defineNuxtConfig({\n devtools: { enabled: true },\n\n modules: [\n '@nuxt/ui',\n '@nuxt/eslint'\n ],\n\n ssr: false,\n css: ['~/assets/css/main.css'],\n icon: {\n provider: 'none',\n clientBundle: {\n scan: true,\n }\n },\n\n compatibilityDate: '2025-07-16'\n})\n```\n\n```\n\u003Cscript setup>\nconst value=ref(true)\n\u003C/script>\n\u003Ctemplate>\n \u003CUCheckbox v-model=\"value\" />\n\u003C/template>\n```\n\n\u003C/details>\n\n### Description\n\n\nThe default icon for `UCheckbox` will not be [bundled for client](https://github.com/nuxt/icon?#client-bundle) when SSR is disabled.\n\nThe check icon is missing:\n\n\u003Cimg width=\"47\" height=\"52\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/3a72a4c2-3577-4de5-8dcf-89c2ed9c8879\" />\n\nand a warning message is shown in the console:\n\n> [!WARNING] \n> [Icon] failed to load icon \\`lucide:check\\`\n\nfyi, the icon will show if\n- `provider: 'server'` and `ssr: true` is set\n- `provider: 'iconify'` is set and `https://api.iconify.design/` is reachable\n- Or, the icon is explitly specified: `\u003CUCheckbox v-model=\"value\" icon=\"i-lucide-check\" />`\n",[3194,3197],{"name":3195,"color":3196},"bug","d73a4a",{"name":3167,"color":3168},4748,"Check Icon is missing when `icon.clientBundle.scan: true` and `ssr: false` is used for static build","2025-08-14T16:08:31Z","https://github.com/nuxt/ui/issues/4748",0.73597056,{"description":3204,"labels":3205,"number":3137,"owner":3138,"repository":3149,"state":3206,"title":3207,"updated_at":3208,"url":3209,"score":3144},"Our server bundle size is massive caused by nuxt icon. i guess it is because it includes all our svgs files as custom collections.\r\nIs it possible to have custom collections with svg files that are located under the public folder so that they do not get part of the bundle size?\r\nHow would i need to configure this?\r\nAt the moment they cannot be loaded",[],"closed","Custom Collection with svg files unter public folder?","2024-08-21T22:47:28Z","https://github.com/nuxt/icon/issues/239",{"description":3211,"labels":3212,"number":3218,"owner":3138,"repository":3170,"state":3206,"title":3219,"updated_at":3220,"url":3221,"score":3222},"### Description\n\nHi there. We are moving our app to NuxtUI and we are loving it so far! Really appreciative of all your hard work on this amazing package. Our stack is NuxtUI+Inertia+Rails.\n\nI spent part of my weekend digging into UIcon and Iconify. Pardon my ignorance if I've missed something obvious, I'm new to this part of the ecosystem... I thought it would be useful to put some thoughts in here and collect what I've learned.\n\n1. UIcon/Iconify always load icons from the network (`api.iconify.design`)\n2. It's not really possible to use NuxtUI without relying heavily on UIcon/Iconify due to various icon attributes in the components.\n3. I know unplug-icons and Nuxt have some support for bundled icons, but they don't apply if you are using Nuxt UI standalone.\n\nSee #4167 and others\n\nWe want to bundle our icons to avoid a dependency on api.iconify.design. I ended up writing a script that scanned our app for icon names and builds a custom `icons.json` file. I put some custom icons in there too using `@iconify/tools`... `icons.json` can be loaded into iconify with `addCollection()`. In dev I also warn on missing icons via `setCustomIconsLoader()`.\n\nDoes that sound correct? Are there solutions I'm missing?? I'd be happy to contribute doc updates or whatever if that would be helpful.\n\nThanks again!\n\n### Additional context\n\n_No response_",[3213,3214,3217],{"name":3135,"color":3136},{"name":3215,"color":3216},"v3","49DCB8",{"name":3167,"color":3168},4481,"thoughts on UIcon/Iconify","2025-07-10T09:59:29Z","https://github.com/nuxt/ui/issues/4481",0.6955233,{"description":3224,"labels":3225,"number":3238,"owner":3138,"repository":3170,"state":3206,"title":3239,"updated_at":3240,"url":3241,"score":3242},"### Description\n\nHello.\n\nIs it possible to make a collection of local custom icons for Vue, as described in the documentation section for Nuxt?",[3226,3229,3230,3233,3236],{"name":3227,"color":3228},"question","d876e3",{"name":3215,"color":3216},{"name":3231,"color":3232},"vue","42b883",{"name":3234,"color":3235},"closed-by-bot","ededed",{"name":3237,"color":3235},"stale",4298,"Custom icon collection.","2025-08-20T02:08:20Z","https://github.com/nuxt/ui/issues/4298",0.7052482,["Reactive",3244],{},["Set"],["ShallowReactive",3247],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$f2rEjtyRoBi2jeDCMT34XBhepfl1debJfEGg0sTV-Lro":-1},"/nuxt/icon/410"]