\r\n Loading\r\n \u003C/div>\r\n \u003C/template>\r\n \u003Cdiv class=\"content\" ref=\"someRef\">\r\n This text should NOT be large!\r\n Remove the \u003Cpre>ref=\"someRef\"\u003C/pre> from the parent and it works\r\n \u003C/div>\r\n \u003C/ClientOnly>\r\n\u003C/template>\r\n```\r\n\r\n**Expected behaviour when loading the page:**\r\nA big loading spinner, and, when everything is done loading, some normal text, like this:\r\n\r\n\r\n**Instead,** you get this:\r\n\r\n\r\nWhen you remove the `ref=\"someRef\"` from the content div, it works as expected",[],"Unexpected behaviour when using an Icon within ClientOnly fallback","2023-12-18T12:08:48Z","https://github.com/nuxt/icon/issues/129",0.7661578,{"description":3061,"labels":3062,"number":3065,"owner":3022,"repository":3066,"state":3067,"title":3068,"updated_at":3069,"url":3070,"score":3071},"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",[3063],{"name":3019,"color":3064},"1ad6ff",57,"nuxt.com","closed","Fix UI iconify offline","2022-11-04T11:26:57Z","https://github.com/nuxt/nuxt.com/issues/57",0.71319216,{"description":3073,"labels":3074,"number":3075,"owner":3022,"repository":3023,"state":3067,"title":3076,"updated_at":3077,"url":3078,"score":3079},"I am using this module and when I use it with RC10s full static mode. It does not render the icon, adds the icon name as a string.\r\n\r\n\r\n\r\nAs you can see, it is just using the fallback as the icon name instead of rendering the svg `\u003Cspan v-else class=\"icon\" :style=\"{ fontSize: sSize, lineHeight: sSize, width: sSize, height: sSize }\">{{ name }}\u003C/span>`\r\n\r\nCC: @Atinux ",[],8,"Bug: Icons do not render in full static mode in RC10","2022-09-21T08:43:38Z","https://github.com/nuxt/icon/issues/8",0.73164463,{"description":3081,"labels":3082,"number":3090,"owner":3022,"repository":3091,"state":3067,"title":3092,"updated_at":3093,"url":3094,"score":3095},"### 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_",[3083,3084,3087],{"name":3019,"color":3020},{"name":3085,"color":3086},"v3","49DCB8",{"name":3088,"color":3089},"triage","ffffff",4481,"ui","thoughts on UIcon/Iconify","2025-07-10T09:59:29Z","https://github.com/nuxt/ui/issues/4481",0.74477124,{"description":3097,"labels":3098,"number":3099,"owner":3022,"repository":3023,"state":3067,"title":3100,"updated_at":3101,"url":3102,"score":3103},"\r\n\r\n\r\n\r\n",[],78,"Excuse me, when v-for performs list rendering, the icon name will appear. May I ask what may be the problem. Thanks","2023-05-10T09:55:26Z","https://github.com/nuxt/icon/issues/78",0.74495095,{"description":3105,"labels":3106,"number":3107,"owner":3022,"repository":3023,"state":3067,"title":3108,"updated_at":3109,"url":3110,"score":3111},"Hi! we are planning to use IconCSS to reduce Dom stuffs and to at least improve performance of the website.. But I would love to know if the feature is stable for production stuffs. Thanks 🙂",[],149,"We are planning to use IconCSS feature to use css instead of SVG to reduce function, is IconCss stable?","2024-03-29T10:30:56Z","https://github.com/nuxt/icon/issues/149",0.74702376,{"description":3113,"labels":3114,"number":3120,"owner":3022,"repository":3091,"state":3067,"title":3121,"updated_at":3122,"url":3123,"score":3124},"### Environment\n\nN/A\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\n3.0.0\n\n### Reproduction\n\nhttps://ui.nuxt.com/components/input#loading-icon\n\n### Description\n\nBoth icons, the one shown in the example `i-lucide-repeat-2` and the component's default prop, `i-lucide-refresh-cw` look bad when rotated. I think there's a lot of room for improvement, these icons aren't meant to be animated.\n\nLuckily, there are some Lucide icons which _are_ designed to be animated.\n\nHow about https://lucide.dev/icons/loader-circle?\n\nOr https://lucide.dev/icons/loader?\n\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3115,3118,3119],{"name":3116,"color":3117},"bug","d73a4a",{"name":3085,"color":3086},{"name":3088,"color":3089},4162,"`Input`'s default loading icon needs improvement","2025-05-16T16:06:11Z","https://github.com/nuxt/ui/issues/4162",0.75618196,["Reactive",3126],{},["Set"],["ShallowReactive",3129],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$frFS0rT-hiHW4KXj2tLxSQzPO4UMVEt-f-qWYknJasas":-1},"/nuxt/icon/397"]