\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":2997,"labels":2998,"number":2999,"owner":2914,"repository":3000,"state":2944,"title":3001,"updated_at":3002,"url":3003,"score":3004},"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":3006,"labels":3007,"number":3012,"owner":2914,"repository":2914,"state":2944,"title":3013,"updated_at":3014,"url":3015,"score":3016},"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>",[3008,3011],{"name":3009,"color":3010},"question","cc317c",{"name":2969,"color":2970},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,{"description":3018,"labels":3019,"number":3023,"owner":2914,"repository":2943,"state":2944,"title":3024,"updated_at":3025,"url":3026,"score":3027},"If a website don't have background, it will look like this:\n",[3020],{"name":3021,"color":3022},"bug","ff281a",488,"Set background on preview iframe","2022-05-11T14:44:35Z","https://github.com/nuxt/nuxt.com/issues/488",0.7790052,["Reactive",3029],{},["Set"],["ShallowReactive",3032],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fPcTh_JTas8cKK6z10v0TurSipaoxLNdT1aoCbMUoa1Y":-1},"/nuxt/icon/67"]