\n\u003C/svg>\n```\n\nAnd I'm using them like this:\n\n`\u003CIcon :name=\"props.icon\" class=\"size-[18px] text-red-400\" mode=\"svg\" />` // I added mode=\"svg\" just now for debugging\n\nI see them like this (on the left, a Solar icon wit the color applied, on the right, two custom icons that don't apply the color):\n\n\n\nEven weirder, if I check the element in the DOM, I still see stroke=\"#272727\"\n\n\n\nAnd if I remove mode=\"svg\":\n\n\n\nI've restarted the server a few times, but I still see they're getting color #272727.\n\nAm I missing something very obvious? Any hint is greatly appreciated.",[],357,"icon","Unable to set colors to custom icons","2025-02-17T10:05:57Z","https://github.com/nuxt/icon/issues/357",0.7585793,{"description":2958,"labels":2959,"number":2960,"owner":2863,"repository":2961,"state":2905,"title":2962,"updated_at":2963,"url":2964,"score":2965},"I have these fonts in my public/font directory:\n\n\nI set my font as a CSS var:\n\n\nI use that var, but with a bold weight:\n\n\nThe bold font is never loaded:\n\n\nRegular font weights and italic style work, but can't get the other weights to load.\n\n",[],343,"fonts","Font as a CSS var, not loading other weights","2024-10-23T08:47:08Z","https://github.com/nuxt/fonts/issues/343",0.7705432,{"description":2967,"labels":2968,"number":2972,"owner":2863,"repository":2863,"state":2905,"title":2973,"updated_at":2974,"url":2975,"score":2976},"This might already exist and I'm not finding it in the API, or it might be a feature request, not sure. But I have a plan to create some really slick native-esque transitions if there is a way to hook into when a page transition has occurred within pages/layout.vue. Any clues? If not, I can futz around and create something but I want to make sure I'm not yak shaving before I get started. Thank you! You're the greatest ✨\n\n\u003C!--cmty-->\u003C!--cmty_prevent_hook-->\n\u003Cdiv align=\"right\">\u003Csub>\u003Cem>This question is available on \u003Ca href=\"https://nuxtjs.cmty.io\">Nuxt.js\u003C/a> community (\u003Ca href=\"https://nuxtjs.cmty.io/nuxt/nuxt.js/issues/c1735\">#c1735\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[2969,2971],{"name":2874,"color":2970},"cc317c",{"name":2930,"color":2931},1944,"Hook for when a page transition is occuring, pages/layout.vue","2023-01-18T15:42:54Z","https://github.com/nuxt/nuxt/issues/1944",0.7755898,["Reactive",2978],{},["Set"],["ShallowReactive",2981],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fPcTh_JTas8cKK6z10v0TurSipaoxLNdT1aoCbMUoa1Y":-1},"/nuxt/icon/67"]