\n\n\u003Cimg width=\"912\" height=\"578\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/71fb37a4-3959-413f-9076-74f63eee0108\" />\n\nNormal button:\n```html\n\u003CUButton\n color=\"info\"\n variant=\"soft\"\n size=\"xl\"\n icon=\"i-heroicons-question-mark-circle\"\n class=\"rounded-full\"\n aria-label=\"Show keyboard shortcuts\"\n />\n```\n\nIm using Nuxt4 and NuxtUI 3",[],416,"nuxt","icon","open","NuxtUI icons forced to width and height 1em!","2025-07-22T16:50:58Z","https://github.com/nuxt/icon/issues/416",0.6889726,{"description":3027,"labels":3028,"number":1995,"owner":3019,"repository":3020,"state":3021,"title":3029,"updated_at":3030,"url":3031,"score":3032},"I want to share common icons between projects using nuxt layers. I would prefer to keep my icons in svg files. Unfortunately, the `nuxt-icons` module does not meet my expectations (import all icons), so I decided to use your solution.\r\n\r\nWhen I hold the icon in `/components/global` everything works great. Unfortunately, when I keep this icon in a nuxt layer, I get a string with the name instead of the icon.\r\n\r\nI would also love to be able to use `param-case` in the `name` property.\r\n\r\nReproduction: https://stackblitz.com/edit/github-qddkmm?file=base/nuxt.config.ts",[],"Can't use svg icons from nuxt layer","2024-05-07T08:36:47Z","https://github.com/nuxt/icon/issues/48",0.7047628,{"description":3034,"labels":3035,"number":3042,"owner":3019,"repository":3043,"state":3021,"title":3044,"updated_at":3045,"url":3046,"score":3047},"### Description\n\nThis is a follow up to this: https://github.com/nuxt/ui/issues/4498\n\nI'm using NuxtUi and not the NuxtJS framework (inertiajs), and I would to do something like this:\n\n```js\n{\n icon: {\n provider: 'server', // \u003C-- own server here\n customCollections: [\n {\n prefix: 'my-icon',\n dir: './assets/my-icons'\n },\n ],\n },\n}\n```\n\nThe original bug report suggests workaround that aren't that plug-and-play. For example, it may be possible to use an Laravel instance that pushes the icon-set to S3, and nuxt-ui using the S3-instance (e.g. https://s3.example.org/icons/) as a base for the icon collection(s).\n\n### Additional context\n\n_No response_",[3036,3039],{"name":3037,"color":3038},"enhancement","a2eeef",{"name":3040,"color":3041},"triage","ffffff",4541,"ui","Custom Icon server path","2025-07-16T14:22:40Z","https://github.com/nuxt/ui/issues/4541",0.70484906,{"description":3049,"labels":3050,"number":3060,"owner":3019,"repository":3019,"state":3061,"title":3062,"updated_at":3063,"url":3064,"score":3065},"\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_",[3051,3054,3057],{"name":3052,"color":3053},"pending triage","E99695",{"name":3055,"color":3056},"needs reproduction","FBCA04",{"name":3058,"color":3059},"possible regression","B90A42",29387,"closed","Icons not rendering on production build when mounting","2024-10-15T06:27:30Z","https://github.com/nuxt/nuxt/issues/29387",0.667538,{"description":3067,"labels":3068,"number":3069,"owner":3019,"repository":3020,"state":3061,"title":3070,"updated_at":3071,"url":3072,"score":3073},"When I used the latest [Nuxt UI Pro Docs Theme](https://github.com/nuxt-ui-pro/docs) and added Nuxt Scripts, I encountered some missing icons.\r\n\r\n**To reproduce:**\r\n\r\n- Clone \"Nuxt UI Pro Docs\"\r\n- Add Nuxt Scripts as dependency\r\n- Deploy to Vercel with `npx nuxi generate`\r\n- Find missing Icons \r\n\r\n\r\n**Missing Icons when Client Side Rendering:**\r\n\u003Cimg width=\"940\" alt=\"image\" src=\"https://github.com/user-attachments/assets/acdfa7df-ded1-4811-8305-320ca99303c2\">\r\n\r\n**Cannot Find icons:**\r\n\u003Cimg width=\"1179\" alt=\"image\" src=\"https://github.com/user-attachments/assets/fe1135ff-9ef2-4157-bd58-dc7e00f566c1\">\r\n\r\n**Server Rendered:** \r\n\u003Cimg width=\"810\" alt=\"image\" src=\"https://github.com/user-attachments/assets/4f5d37a0-b5f1-4521-b566-f0a74c034427\">\r\n\r\nMaybe this is also interesting for you @benjamincanac, @harlan-zw",[],220,"Issues when Prerender with `nuxt generate`","2024-07-30T17:48:07Z","https://github.com/nuxt/icon/issues/220",0.6800136,{"description":3075,"labels":3076,"number":3077,"owner":3019,"repository":3020,"state":3061,"title":3078,"updated_at":3079,"url":3080,"score":3081},"\r\nhttps://github.com/user-attachments/assets/a864645c-c0eb-4581-885e-effce6bc8ca9\r\nThis SVG file cannot be displayed\r\nBut using this module( https://nuxt.com.cn/modules/icons )Can display normally\r\n",[],242,"Some SVG cannot be displayed","2024-08-27T10:33:55Z","https://github.com/nuxt/icon/issues/242",0.6818048,{"description":3083,"labels":3084,"number":3085,"owner":3019,"repository":3086,"state":3061,"title":3087,"updated_at":3088,"url":3089,"score":3090},"I believe there is an Cloudflare error (`ERROR 9422: Free unique transformations by account has been exhausted`) with the image in the [showcase of Nuxt framework](https://nuxt.com/showcase).\n\nThe error was found by directly opening the src url: [https://nuxt.com/cdn-cgi/image/w=488,h=366/assets/websites/cometby-perplexity-ai.png](https://nuxt.com/cdn-cgi/image/w=488,h=366/assets/websites/cometby-perplexity-ai.png)\n\n\u003Cimg width=\"1865\" height=\"956\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/db3465fb-b5f2-444c-bab3-1eaaa3eaf974\" />\n\nTested on multiple devices, doesn't work on any of them.\n\nError in js console writes: `Failed to load resource: the server responded with a status of 429 ()`",[],1967,"nuxt.com","Showcase - Perplexity Comet - thumbnail not displaying","2025-07-16T08:42:07Z","https://github.com/nuxt/nuxt.com/issues/1967",0.6838918,{"description":3092,"labels":3093,"number":3094,"owner":3019,"repository":3020,"state":3061,"title":3095,"updated_at":3096,"url":3097,"score":3098},"Reproduction: https://stackblitz.com/edit/nuxt-starter-cmr8kq?file=pnpm-lock.yaml\r\n\r\nMost likely a Nuxt Islands limitation but issue here for tracking ",[],52,"Nuxt Islands can't render \u003CIcon>","2023-05-01T06:43:12Z","https://github.com/nuxt/icon/issues/52",0.6841107,{"labels":3100,"number":3110,"owner":3019,"repository":3019,"state":3061,"title":3111,"updated_at":3112,"url":3113,"score":3114},[3101,3104,3107],{"name":3102,"color":3103},"3.x","29bc7f",{"name":3105,"color":3106},"bug","d73a4a",{"name":3108,"color":3109},"nitro","bfd4f2",13732,"url with an image url always returns a gif","2023-01-19T17:09:10Z","https://github.com/nuxt/nuxt/issues/13732",0.7005494,{"labels":3116,"number":3120,"owner":3019,"repository":3019,"state":3061,"title":3121,"updated_at":3122,"url":3123,"score":3124},[3117],{"name":3118,"color":3119},"2.x","d4c5f9",3572," nuxt 在ie8下报错 缺少标志符 字符串 或数字 Nuxt reported error in IE8, missing symbol string or number.","2023-01-18T16:24:16Z","https://github.com/nuxt/nuxt/issues/3572",0.7009053,["Reactive",3126],{},["Set"],["ShallowReactive",3129],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fRHLMStsP7Wm0uZLwLyp4lcvDh1ks4zD95yV1wzAKAc0":-1},"/nuxt/icon/221"]