\\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,"icon","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.7916293,{"description":3059,"labels":3060,"number":3061,"owner":3030,"repository":3053,"state":3032,"title":3062,"updated_at":3063,"url":3064,"score":3065},"According to the [Vue-Iconify Docs](https://iconify.design/docs/icon-components/vue/transform.html#rotation) one can pass a `rotate` and `flip` Prop to transform the Icon, to display it in different orientations.\r\n\r\n```vue\r\n\u003Ctemplate>\r\n \u003CIcon name=\"ic:round-double-arrow\" size=\"26\" :rotate=\"flip && '2'\" />\r\n\u003C/template>\r\n\r\n\u003Cscript setup lang=\"ts\">\r\nconst flip = ref(false);\r\n\u003C/script>\r\n```\r\n\r\nWhile this works fine with nuxt-icon during development, it breaks in a Prod build. The transformations no longer get applied.\r\n\r\nIt would be great if nuxt-icon could also support these props, if possible. I'm open to help with this issue if someone could give me some pointers where to start.",[],138,"[Feature Request] Support Iconify Transformations","2024-03-15T09:15:14Z","https://github.com/nuxt/icon/issues/138",0.7929654,{"description":3067,"labels":3068,"number":3072,"owner":3030,"repository":3031,"state":3032,"title":3073,"updated_at":3074,"url":3075,"score":3076},"### Description\n\nUsing `\u003CUNavigationMenu>` it adds an external icon when prop `to` is an external link: \n\n\u003Cimg width=\"196\" height=\"69\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/e7417d54-ca16-48c2-9992-a54a9bed764d\" />\n\nUnfortunately, `UButton` doesnt have this feature. Even with the prop `trailingIcon` the same behavior cant be archived manually in an easy manner because the icon wont be small, at the top and grayed out. Currently it would require to make it fully manually:\n\n```\n\u003CUButton :to=\"externalUrl\" target=\"_blank\">\n \u003Cspan\n >To external provider\u003CIcon\n name=\"i-material-symbols:arrow-outward-rounded\"\n class=\"size-3 align-top opacity-70\"\n />\u003C/span>\n \u003C/UButton>\n```\n\n\u003Cimg width=\"191\" height=\"48\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/f89198d7-a64f-4a04-815b-41ddba68c3cc\" />\n\nIt would be great if a button would either automatically add the icon, like `\u003CUNavigationMenu>` does, or would have a prop `externalIcon` that can be set to true.\n\n### Additional context\n\n\n\n_No response_",[3069,3070,3071],{"name":3021,"color":3022},{"name":3024,"color":3025},{"name":3027,"color":3028},4501,"Add external icon option to UButton and ULink","2025-07-11T09:39:53Z","https://github.com/nuxt/ui/issues/4501",0.8016264,{"description":3078,"labels":3079,"number":3082,"owner":3030,"repository":3031,"state":3083,"title":3084,"updated_at":3085,"url":3086,"score":3087},"### Description\n\nI tried to set toast position like [https://github.com/nuxt/ui/blob/d79da9d7b60c9972af64acd8e6eef4ae7d6bc3eb/docs/app/app.config.ts#L3](https://github.com/nuxt/ui/blob/d79da9d7b60c9972af64acd8e6eef4ae7d6bc3eb/docs/app/app.config.ts#L3).\nBut it didn't work\nHere's my code\n```ts\nexport default defineAppConfig({\n toaster: {\n position: \"top-center\" as const,\n expand: true,\n duration: 5000,\n },\n theme: {\n radius: 0.5,\n },\n ui: {\n colors: {\n primary: \"sky\",\n secondary: \"violet\",\n success: \"green\",\n info: \"blue\",\n warning: \"yellow\",\n error: \"red\",\n neutral: \"slate\",\n },\n },\n})\n```\nb.t.w. theme.radius also not working.",[3080,3081],{"name":3041,"color":3042},{"name":3024,"color":3025},4153,"closed","About app.config.ts set toast position and duration","2025-05-15T08:40:30Z","https://github.com/nuxt/ui/issues/4153",0.78207326,{"description":3089,"labels":3090,"number":3094,"owner":3030,"repository":3031,"state":3083,"title":3095,"updated_at":3096,"url":3097,"score":3098},"### Description\n\nIn case we need to pass an image URL to any component with icons (for example `Button`), we currently need to use slots when they are available (which is not always the case, for example the input icon of `CommandPalette`). It would be helpful if the `Icon` component could accept an URL and use `#build/ui-image-component` instead.\n\nExample use case: allowing users to upload/set their own icons.\n\n\n\n### Additional context\n\n_No response_",[3091,3092,3093],{"name":3021,"color":3022},{"name":3024,"color":3025},{"name":3027,"color":3028},4030,"Allow image url for icons","2025-05-15T14:39:30Z","https://github.com/nuxt/ui/issues/4030",0.7825501,{"description":3100,"labels":3101,"number":1629,"owner":3030,"repository":3053,"state":3083,"title":3102,"updated_at":3103,"url":3104,"score":3105},"I see that there are a few default styles added in this, which actually make the icons behave differently than it should. \r\nhttps://github.com/nuxt-modules/icon/blob/4ecfd3a4672505799aa040176da9bf737f6b5f9a/src/runtime/Icon.vue#LL56-L61C2\r\n\r\n```html\r\n\u003Cstyle scoped>\r\n.icon {\r\n display: inline-block;\r\n vertical-align: middle;\r\n}\r\n\u003C/style>\r\n```\r\n",[],"Remove default styles and make it headless","2023-01-12T09:48:31Z","https://github.com/nuxt/icon/issues/24",0.783818,{"description":3107,"labels":3108,"number":3109,"owner":3030,"repository":3053,"state":3083,"title":3110,"updated_at":3111,"url":3112,"score":3113},"` \u003CIcon name=\"lucide:arrow-up-wide-narrow\"\n class=\"ml-auto self-center transition-all duration-300 text-xl font-bold\" :stroke-width=\"3\"\nstroke=\"currentColor\" /> `\n\nUnable to use stroke-width does not take effect",[],364,"Unable to use stroke-width does not take effect","2025-05-13T15:27:50Z","https://github.com/nuxt/icon/issues/364",0.78554744,{"description":3115,"labels":3116,"number":3119,"owner":3030,"repository":3031,"state":3083,"title":3120,"updated_at":3121,"url":3122,"score":3123},"### Description\n\nI'm using UI Pro ** and the Dashboard Template ** and I just want the position of the toast to be top-center.\n\nI've tried updating my app.config.ts as well as updating appConfig in code. \n\nMy app.config.ts is:\n\n```\nexport default defineAppConfig({\n toaster: {\n position: 'top-center',\n },\n ui: {\n colors: {\n primary: 'green',\n neutral: 'zinc'\n }\n }\n})\n\n```\n\nMy code is:\n\n```\nconst appConfig = useAppConfig()\nappConfig.toaster.position = \"top-center\"\n\nconst toast = useToast();\n\n```\n\n\nI tried reversing the order of useToast() and useAppConfig() to no avail. \n\nI'm sorry this is so basic, but I'm pulling my (remaining) hair out!\n\nThanks!!\nJim\n",[3117,3118],{"name":3041,"color":3042},{"name":3024,"color":3025},4104,"Unable to change position of Toast","2025-05-08T15:40:35Z","https://github.com/nuxt/ui/issues/4104",0.7881281,["Reactive",3125],{},["Set"],["ShallowReactive",3128],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fF7Kz_OfUj00dLxD3PVVkYtNEBilqGdOWPE4RmVpT-BQ":-1},"/nuxt/ui/4630"]