diff --git a/bestax-mcp/data/bulma-classes.json b/bestax-mcp/data/bulma-classes.json
index 956330997..d97d7b2c6 100644
--- a/bestax-mcp/data/bulma-classes.json
+++ b/bestax-mcp/data/bulma-classes.json
@@ -18,6 +18,7 @@
       "absorbs": null,
       "writes": null,
       "countsChildren": null,
+      "buildsIcons": false,
       "noHelpers": false,
       "otherTagsStay": null,
       "topLevelOnly": false,
@@ -43,6 +44,7 @@
       "absorbs": null,
       "writes": null,
       "countsChildren": null,
+      "buildsIcons": false,
       "noHelpers": false,
       "otherTagsStay": null,
       "topLevelOnly": false,
@@ -96,6 +98,7 @@
       "absorbs": null,
       "writes": null,
       "countsChildren": null,
+      "buildsIcons": false,
       "noHelpers": false,
       "otherTagsStay": null,
       "topLevelOnly": false,
@@ -128,6 +131,7 @@
       "absorbs": null,
       "writes": null,
       "countsChildren": null,
+      "buildsIcons": false,
       "noHelpers": false,
       "otherTagsStay": null,
       "topLevelOnly": false,
@@ -163,6 +167,7 @@
       "absorbs": null,
       "writes": null,
       "countsChildren": null,
+      "buildsIcons": false,
       "noHelpers": false,
       "otherTagsStay": null,
       "topLevelOnly": false,
@@ -192,6 +197,7 @@
       "absorbs": null,
       "writes": null,
       "countsChildren": null,
+      "buildsIcons": false,
       "noHelpers": false,
       "otherTagsStay": null,
       "topLevelOnly": false,
@@ -217,6 +223,7 @@
       "absorbs": null,
       "writes": null,
       "countsChildren": null,
+      "buildsIcons": false,
       "noHelpers": false,
       "otherTagsStay": null,
       "topLevelOnly": false,
@@ -242,6 +249,7 @@
       "absorbs": null,
       "writes": null,
       "countsChildren": null,
+      "buildsIcons": false,
       "noHelpers": false,
       "otherTagsStay": null,
       "topLevelOnly": false,
@@ -267,6 +275,7 @@
       "absorbs": null,
       "writes": null,
       "countsChildren": null,
+      "buildsIcons": false,
       "noHelpers": false,
       "otherTagsStay": null,
       "topLevelOnly": false,
@@ -292,6 +301,7 @@
       "absorbs": null,
       "writes": null,
       "countsChildren": null,
+      "buildsIcons": false,
       "noHelpers": false,
       "otherTagsStay": null,
       "topLevelOnly": false,
@@ -317,6 +327,7 @@
       "absorbs": null,
       "writes": null,
       "countsChildren": null,
+      "buildsIcons": false,
       "noHelpers": false,
       "otherTagsStay": null,
       "topLevelOnly": false,
@@ -342,6 +353,7 @@
       "absorbs": null,
       "writes": null,
       "countsChildren": null,
+      "buildsIcons": false,
       "noHelpers": false,
       "otherTagsStay": null,
       "topLevelOnly": false,
@@ -446,6 +458,7 @@
       "absorbs": null,
       "writes": null,
       "countsChildren": null,
+      "buildsIcons": false,
       "noHelpers": false,
       "otherTagsStay": null,
       "topLevelOnly": false,
@@ -1111,6 +1124,7 @@
       "absorbs": null,
       "writes": null,
       "countsChildren": null,
+      "buildsIcons": false,
       "noHelpers": false,
       "otherTagsStay": null,
       "topLevelOnly": false,
@@ -1278,6 +1292,7 @@
       "absorbs": null,
       "writes": null,
       "countsChildren": null,
+      "buildsIcons": false,
       "noHelpers": false,
       "otherTagsStay": null,
       "topLevelOnly": false,
@@ -1520,6 +1535,7 @@
       "absorbs": null,
       "writes": null,
       "countsChildren": null,
+      "buildsIcons": false,
       "noHelpers": false,
       "otherTagsStay": null,
       "topLevelOnly": false,
@@ -1567,6 +1583,7 @@
       "absorbs": null,
       "writes": null,
       "countsChildren": null,
+      "buildsIcons": false,
       "noHelpers": false,
       "otherTagsStay": null,
       "topLevelOnly": false,
@@ -1596,6 +1613,7 @@
       "absorbs": null,
       "writes": null,
       "countsChildren": null,
+      "buildsIcons": false,
       "noHelpers": false,
       "otherTagsStay": null,
       "topLevelOnly": false,
@@ -1625,6 +1643,7 @@
       "absorbs": null,
       "writes": null,
       "countsChildren": null,
+      "buildsIcons": false,
       "noHelpers": false,
       "otherTagsStay": null,
       "topLevelOnly": false,
@@ -1660,6 +1679,7 @@
       "absorbs": null,
       "writes": null,
       "countsChildren": null,
+      "buildsIcons": false,
       "noHelpers": false,
       "otherTagsStay": null,
       "topLevelOnly": false,
@@ -1690,6 +1710,7 @@
       "absorbs": null,
       "writes": null,
       "countsChildren": null,
+      "buildsIcons": false,
       "noHelpers": true,
       "otherTagsStay": null,
       "topLevelOnly": false,
@@ -1715,6 +1736,7 @@
       "absorbs": null,
       "writes": null,
       "countsChildren": null,
+      "buildsIcons": false,
       "noHelpers": true,
       "otherTagsStay": null,
       "topLevelOnly": false,
@@ -1748,6 +1770,7 @@
       "absorbs": null,
       "writes": null,
       "countsChildren": null,
+      "buildsIcons": false,
       "noHelpers": true,
       "otherTagsStay": null,
       "topLevelOnly": false,
@@ -1793,6 +1816,7 @@
       "absorbs": null,
       "writes": null,
       "countsChildren": null,
+      "buildsIcons": false,
       "noHelpers": false,
       "otherTagsStay": null,
       "topLevelOnly": false,
@@ -1839,6 +1863,7 @@
       "absorbs": null,
       "writes": null,
       "countsChildren": null,
+      "buildsIcons": false,
       "noHelpers": false,
       "otherTagsStay": null,
       "topLevelOnly": false,
@@ -1893,6 +1918,7 @@
       },
       "writes": null,
       "countsChildren": null,
+      "buildsIcons": false,
       "noHelpers": false,
       "otherTagsStay": null,
       "topLevelOnly": false,
@@ -1918,6 +1944,7 @@
       "absorbs": null,
       "writes": null,
       "countsChildren": null,
+      "buildsIcons": false,
       "noHelpers": false,
       "otherTagsStay": null,
       "topLevelOnly": false,
@@ -1963,6 +1990,7 @@
       "absorbs": null,
       "writes": null,
       "countsChildren": null,
+      "buildsIcons": false,
       "noHelpers": false,
       "otherTagsStay": null,
       "topLevelOnly": false,
@@ -1988,6 +2016,7 @@
       "absorbs": null,
       "writes": null,
       "countsChildren": null,
+      "buildsIcons": false,
       "noHelpers": false,
       "otherTagsStay": null,
       "topLevelOnly": false,
@@ -2013,6 +2042,7 @@
       "absorbs": null,
       "writes": null,
       "countsChildren": null,
+      "buildsIcons": false,
       "noHelpers": false,
       "otherTagsStay": null,
       "topLevelOnly": false,
@@ -2038,6 +2068,7 @@
       "absorbs": null,
       "writes": null,
       "countsChildren": null,
+      "buildsIcons": false,
       "noHelpers": false,
       "otherTagsStay": null,
       "topLevelOnly": false,
@@ -2063,6 +2094,7 @@
       "absorbs": null,
       "writes": null,
       "countsChildren": null,
+      "buildsIcons": false,
       "noHelpers": false,
       "otherTagsStay": null,
       "topLevelOnly": false,
@@ -2088,6 +2120,7 @@
       "absorbs": null,
       "writes": null,
       "countsChildren": null,
+      "buildsIcons": false,
       "noHelpers": false,
       "otherTagsStay": null,
       "topLevelOnly": false,
@@ -2113,6 +2146,7 @@
       "absorbs": null,
       "writes": null,
       "countsChildren": null,
+      "buildsIcons": false,
       "noHelpers": false,
       "otherTagsStay": null,
       "topLevelOnly": false,
@@ -2138,6 +2172,7 @@
       "absorbs": null,
       "writes": null,
       "countsChildren": null,
+      "buildsIcons": false,
       "noHelpers": false,
       "otherTagsStay": null,
       "topLevelOnly": false,
@@ -2163,6 +2198,7 @@
       "absorbs": null,
       "writes": null,
       "countsChildren": null,
+      "buildsIcons": false,
       "noHelpers": false,
       "otherTagsStay": null,
       "topLevelOnly": false,
@@ -2188,6 +2224,7 @@
       "absorbs": null,
       "writes": null,
       "countsChildren": null,
+      "buildsIcons": false,
       "noHelpers": false,
       "otherTagsStay": null,
       "topLevelOnly": false,
@@ -2213,6 +2250,7 @@
       "absorbs": null,
       "writes": null,
       "countsChildren": null,
+      "buildsIcons": false,
       "noHelpers": false,
       "otherTagsStay": null,
       "topLevelOnly": false,
@@ -2238,6 +2276,7 @@
       "absorbs": null,
       "writes": null,
       "countsChildren": null,
+      "buildsIcons": false,
       "noHelpers": false,
       "otherTagsStay": null,
       "topLevelOnly": false,
@@ -2279,6 +2318,7 @@
       "absorbs": null,
       "writes": null,
       "countsChildren": null,
+      "buildsIcons": false,
       "noHelpers": false,
       "otherTagsStay": null,
       "topLevelOnly": false,
@@ -2304,6 +2344,7 @@
       "absorbs": null,
       "writes": null,
       "countsChildren": null,
+      "buildsIcons": false,
       "noHelpers": false,
       "otherTagsStay": null,
       "topLevelOnly": false,
@@ -2329,6 +2370,7 @@
       "absorbs": null,
       "writes": null,
       "countsChildren": null,
+      "buildsIcons": false,
       "noHelpers": false,
       "otherTagsStay": null,
       "topLevelOnly": false,
@@ -2354,6 +2396,7 @@
       "absorbs": null,
       "writes": null,
       "countsChildren": null,
+      "buildsIcons": false,
       "noHelpers": false,
       "otherTagsStay": null,
       "topLevelOnly": false,
@@ -2379,6 +2422,7 @@
       "absorbs": null,
       "writes": null,
       "countsChildren": null,
+      "buildsIcons": false,
       "noHelpers": false,
       "otherTagsStay": null,
       "topLevelOnly": false,
@@ -2404,6 +2448,7 @@
       "absorbs": null,
       "writes": null,
       "countsChildren": null,
+      "buildsIcons": false,
       "noHelpers": false,
       "otherTagsStay": null,
       "topLevelOnly": false,
@@ -2432,6 +2477,7 @@
       "absorbs": null,
       "writes": null,
       "countsChildren": null,
+      "buildsIcons": false,
       "noHelpers": true,
       "otherTagsStay": null,
       "topLevelOnly": false,
@@ -2457,6 +2503,7 @@
       "absorbs": null,
       "writes": null,
       "countsChildren": null,
+      "buildsIcons": false,
       "noHelpers": true,
       "otherTagsStay": null,
       "topLevelOnly": false,
@@ -2493,6 +2540,7 @@
       "absorbs": null,
       "writes": null,
       "countsChildren": null,
+      "buildsIcons": false,
       "noHelpers": false,
       "otherTagsStay": null,
       "topLevelOnly": false,
@@ -2532,6 +2580,7 @@
       "absorbs": null,
       "writes": null,
       "countsChildren": null,
+      "buildsIcons": false,
       "noHelpers": false,
       "otherTagsStay": null,
       "topLevelOnly": false,
@@ -2560,6 +2609,7 @@
       "absorbs": null,
       "writes": null,
       "countsChildren": null,
+      "buildsIcons": false,
       "noHelpers": false,
       "otherTagsStay": null,
       "topLevelOnly": false,
@@ -2611,6 +2661,7 @@
       "absorbs": null,
       "writes": null,
       "countsChildren": null,
+      "buildsIcons": false,
       "noHelpers": false,
       "otherTagsStay": null,
       "topLevelOnly": false,
@@ -2642,6 +2693,7 @@
       "absorbs": null,
       "writes": null,
       "countsChildren": null,
+      "buildsIcons": false,
       "noHelpers": false,
       "otherTagsStay": null,
       "topLevelOnly": false,
@@ -2684,6 +2736,7 @@
       "absorbs": null,
       "writes": null,
       "countsChildren": null,
+      "buildsIcons": false,
       "noHelpers": false,
       "otherTagsStay": null,
       "topLevelOnly": false,
@@ -2713,6 +2766,7 @@
       "absorbs": null,
       "writes": null,
       "countsChildren": null,
+      "buildsIcons": false,
       "noHelpers": false,
       "otherTagsStay": null,
       "topLevelOnly": false,
@@ -2765,6 +2819,7 @@
       "absorbs": null,
       "writes": null,
       "countsChildren": null,
+      "buildsIcons": false,
       "noHelpers": false,
       "otherTagsStay": null,
       "topLevelOnly": false,
@@ -2810,6 +2865,7 @@
       "absorbs": { "tag": "ul", "attributesOn": "element" },
       "writes": null,
       "countsChildren": null,
+      "buildsIcons": false,
       "noHelpers": false,
       "otherTagsStay": null,
       "topLevelOnly": false,
@@ -2835,6 +2891,7 @@
       "absorbs": null,
       "writes": null,
       "countsChildren": null,
+      "buildsIcons": false,
       "noHelpers": true,
       "otherTagsStay": null,
       "topLevelOnly": false,
@@ -2860,6 +2917,7 @@
       "absorbs": null,
       "writes": [{ "prop": "variant", "value": "lines" }],
       "countsChildren": { "tag": "div", "prop": "lines" },
+      "buildsIcons": false,
       "noHelpers": true,
       "otherTagsStay": null,
       "topLevelOnly": false,
@@ -2885,6 +2943,7 @@
       "absorbs": null,
       "writes": null,
       "countsChildren": null,
+      "buildsIcons": false,
       "noHelpers": false,
       "otherTagsStay": null,
       "topLevelOnly": false,
@@ -2910,6 +2969,7 @@
       "absorbs": null,
       "writes": null,
       "countsChildren": null,
+      "buildsIcons": false,
       "noHelpers": false,
       "otherTagsStay": null,
       "topLevelOnly": false,
@@ -2935,6 +2995,7 @@
       "absorbs": null,
       "writes": null,
       "countsChildren": null,
+      "buildsIcons": false,
       "noHelpers": false,
       "otherTagsStay": null,
       "topLevelOnly": false,
@@ -2960,6 +3021,7 @@
       "absorbs": null,
       "writes": null,
       "countsChildren": null,
+      "buildsIcons": false,
       "noHelpers": false,
       "otherTagsStay": null,
       "topLevelOnly": false,
@@ -2985,6 +3047,7 @@
       "absorbs": null,
       "writes": null,
       "countsChildren": null,
+      "buildsIcons": false,
       "noHelpers": false,
       "otherTagsStay": null,
       "topLevelOnly": false,
@@ -3010,6 +3073,7 @@
       "absorbs": null,
       "writes": null,
       "countsChildren": null,
+      "buildsIcons": false,
       "noHelpers": false,
       "otherTagsStay": null,
       "topLevelOnly": false,
@@ -3035,6 +3099,7 @@
       "absorbs": null,
       "writes": null,
       "countsChildren": null,
+      "buildsIcons": false,
       "noHelpers": false,
       "otherTagsStay": null,
       "topLevelOnly": false,
@@ -3060,6 +3125,7 @@
       "absorbs": null,
       "writes": null,
       "countsChildren": null,
+      "buildsIcons": false,
       "noHelpers": false,
       "otherTagsStay": null,
       "topLevelOnly": false,
@@ -3085,6 +3151,7 @@
       "absorbs": null,
       "writes": null,
       "countsChildren": null,
+      "buildsIcons": false,
       "noHelpers": false,
       "otherTagsStay": null,
       "topLevelOnly": false,
@@ -3110,6 +3177,7 @@
       "absorbs": null,
       "writes": null,
       "countsChildren": null,
+      "buildsIcons": false,
       "noHelpers": false,
       "otherTagsStay": null,
       "topLevelOnly": false,
@@ -3135,6 +3203,7 @@
       "absorbs": null,
       "writes": null,
       "countsChildren": null,
+      "buildsIcons": false,
       "noHelpers": false,
       "otherTagsStay": null,
       "topLevelOnly": false,
@@ -3160,6 +3229,7 @@
       "absorbs": null,
       "writes": null,
       "countsChildren": null,
+      "buildsIcons": false,
       "noHelpers": false,
       "otherTagsStay": null,
       "topLevelOnly": false,
@@ -3185,6 +3255,7 @@
       "absorbs": null,
       "writes": null,
       "countsChildren": null,
+      "buildsIcons": false,
       "noHelpers": false,
       "otherTagsStay": null,
       "topLevelOnly": false,
@@ -3210,6 +3281,7 @@
       "absorbs": null,
       "writes": null,
       "countsChildren": null,
+      "buildsIcons": false,
       "noHelpers": false,
       "otherTagsStay": null,
       "topLevelOnly": false,
@@ -3235,6 +3307,7 @@
       "absorbs": null,
       "writes": null,
       "countsChildren": null,
+      "buildsIcons": false,
       "noHelpers": false,
       "otherTagsStay": null,
       "topLevelOnly": false,
@@ -3264,6 +3337,7 @@
       "absorbs": null,
       "writes": null,
       "countsChildren": null,
+      "buildsIcons": false,
       "noHelpers": false,
       "otherTagsStay": null,
       "topLevelOnly": false,
@@ -3273,15 +3347,15 @@
       "classNameReplaces": false
     },
     "icon-text": {
-      "status": "todo",
+      "status": "mapped",
       "target": "IconText",
-      "tag": null,
+      "tag": "span",
       "as": null,
       "sizeDrivesTag": false,
-      "textColor": null,
-      "bgColor": null,
+      "textColor": "textColor",
+      "bgColor": "bgColor",
       "part": false,
-      "why": "bestax `IconText` pairs with `Icon`, which renders its own `<i>`",
+      "why": null,
       "modifiers": {},
       "omits": {},
       "wrapsChildren": null,
@@ -3289,6 +3363,7 @@
       "absorbs": null,
       "writes": null,
       "countsChildren": null,
+      "buildsIcons": true,
       "noHelpers": false,
       "otherTagsStay": null,
       "topLevelOnly": false,
@@ -3345,6 +3420,7 @@
       },
       "writes": null,
       "countsChildren": null,
+      "buildsIcons": false,
       "noHelpers": false,
       "otherTagsStay": null,
       "topLevelOnly": false,
@@ -3370,6 +3446,7 @@
       "absorbs": null,
       "writes": null,
       "countsChildren": null,
+      "buildsIcons": false,
       "noHelpers": false,
       "otherTagsStay": null,
       "topLevelOnly": false,
@@ -3395,6 +3472,7 @@
       "absorbs": null,
       "writes": null,
       "countsChildren": null,
+      "buildsIcons": false,
       "noHelpers": false,
       "otherTagsStay": null,
       "topLevelOnly": false,
@@ -3420,6 +3498,7 @@
       "absorbs": null,
       "writes": null,
       "countsChildren": null,
+      "buildsIcons": false,
       "noHelpers": false,
       "otherTagsStay": null,
       "topLevelOnly": true,
@@ -3459,6 +3538,7 @@
       "absorbs": null,
       "writes": null,
       "countsChildren": null,
+      "buildsIcons": false,
       "noHelpers": false,
       "otherTagsStay": null,
       "topLevelOnly": false,
@@ -3484,6 +3564,7 @@
       "absorbs": null,
       "writes": null,
       "countsChildren": null,
+      "buildsIcons": false,
       "noHelpers": false,
       "otherTagsStay": null,
       "topLevelOnly": false,
@@ -3509,6 +3590,7 @@
       "absorbs": null,
       "writes": null,
       "countsChildren": null,
+      "buildsIcons": false,
       "noHelpers": false,
       "otherTagsStay": null,
       "topLevelOnly": false,
@@ -3534,6 +3616,7 @@
       "absorbs": null,
       "writes": null,
       "countsChildren": null,
+      "buildsIcons": false,
       "noHelpers": false,
       "otherTagsStay": null,
       "topLevelOnly": false,
@@ -3559,6 +3642,7 @@
       "absorbs": null,
       "writes": null,
       "countsChildren": null,
+      "buildsIcons": false,
       "noHelpers": false,
       "otherTagsStay": null,
       "topLevelOnly": false,
@@ -3584,6 +3668,7 @@
       "absorbs": null,
       "writes": null,
       "countsChildren": null,
+      "buildsIcons": false,
       "noHelpers": true,
       "otherTagsStay": null,
       "topLevelOnly": false,
@@ -3609,6 +3694,7 @@
       "absorbs": null,
       "writes": null,
       "countsChildren": null,
+      "buildsIcons": false,
       "noHelpers": true,
       "otherTagsStay": null,
       "topLevelOnly": false,
@@ -3634,6 +3720,7 @@
       "absorbs": null,
       "writes": null,
       "countsChildren": null,
+      "buildsIcons": false,
       "noHelpers": true,
       "otherTagsStay": null,
       "topLevelOnly": false,
@@ -3659,6 +3746,7 @@
       "absorbs": null,
       "writes": null,
       "countsChildren": null,
+      "buildsIcons": false,
       "noHelpers": true,
       "otherTagsStay": null,
       "topLevelOnly": false,
@@ -3684,6 +3772,7 @@
       "absorbs": null,
       "writes": null,
       "countsChildren": null,
+      "buildsIcons": false,
       "noHelpers": true,
       "otherTagsStay": null,
       "topLevelOnly": false,
@@ -3709,6 +3798,7 @@
       "absorbs": null,
       "writes": null,
       "countsChildren": null,
+      "buildsIcons": false,
       "noHelpers": true,
       "otherTagsStay": null,
       "topLevelOnly": false,
@@ -3734,6 +3824,7 @@
       "absorbs": null,
       "writes": null,
       "countsChildren": null,
+      "buildsIcons": false,
       "noHelpers": true,
       "otherTagsStay": null,
       "topLevelOnly": false,
@@ -3759,6 +3850,7 @@
       "absorbs": null,
       "writes": null,
       "countsChildren": null,
+      "buildsIcons": false,
       "noHelpers": false,
       "otherTagsStay": null,
       "topLevelOnly": false,
@@ -3784,6 +3876,7 @@
       "absorbs": null,
       "writes": null,
       "countsChildren": null,
+      "buildsIcons": false,
       "noHelpers": false,
       "otherTagsStay": null,
       "topLevelOnly": false,
@@ -3809,6 +3902,7 @@
       "absorbs": null,
       "writes": null,
       "countsChildren": null,
+      "buildsIcons": false,
       "noHelpers": false,
       "otherTagsStay": null,
       "topLevelOnly": false,
@@ -3852,6 +3946,7 @@
       "absorbs": null,
       "writes": null,
       "countsChildren": null,
+      "buildsIcons": false,
       "noHelpers": false,
       "otherTagsStay": null,
       "topLevelOnly": false,
@@ -3877,6 +3972,7 @@
       "absorbs": null,
       "writes": null,
       "countsChildren": null,
+      "buildsIcons": false,
       "noHelpers": false,
       "otherTagsStay": null,
       "topLevelOnly": false,
@@ -3904,6 +4000,7 @@
       "absorbs": null,
       "writes": null,
       "countsChildren": null,
+      "buildsIcons": false,
       "noHelpers": true,
       "otherTagsStay": null,
       "topLevelOnly": false,
@@ -3931,6 +4028,7 @@
       "absorbs": null,
       "writes": null,
       "countsChildren": null,
+      "buildsIcons": false,
       "noHelpers": true,
       "otherTagsStay": null,
       "topLevelOnly": false,
@@ -3963,6 +4061,7 @@
       "absorbs": null,
       "writes": null,
       "countsChildren": null,
+      "buildsIcons": false,
       "noHelpers": false,
       "otherTagsStay": null,
       "topLevelOnly": false,
@@ -3988,6 +4087,7 @@
       "absorbs": null,
       "writes": null,
       "countsChildren": null,
+      "buildsIcons": false,
       "noHelpers": true,
       "otherTagsStay": null,
       "topLevelOnly": false,
@@ -4024,6 +4124,7 @@
       "absorbs": null,
       "writes": null,
       "countsChildren": null,
+      "buildsIcons": false,
       "noHelpers": false,
       "otherTagsStay": null,
       "topLevelOnly": false,
@@ -4049,6 +4150,7 @@
       "absorbs": null,
       "writes": null,
       "countsChildren": null,
+      "buildsIcons": false,
       "noHelpers": true,
       "otherTagsStay": null,
       "topLevelOnly": false,
@@ -4074,6 +4176,7 @@
       "absorbs": null,
       "writes": null,
       "countsChildren": null,
+      "buildsIcons": false,
       "noHelpers": true,
       "otherTagsStay": null,
       "topLevelOnly": false,
@@ -4099,6 +4202,7 @@
       "absorbs": null,
       "writes": null,
       "countsChildren": null,
+      "buildsIcons": false,
       "noHelpers": true,
       "otherTagsStay": {
         "tags": ["label", "div"],
@@ -4127,6 +4231,7 @@
       "absorbs": null,
       "writes": null,
       "countsChildren": null,
+      "buildsIcons": false,
       "noHelpers": false,
       "otherTagsStay": null,
       "topLevelOnly": false,
@@ -4174,6 +4279,7 @@
       "absorbs": null,
       "writes": null,
       "countsChildren": null,
+      "buildsIcons": false,
       "noHelpers": false,
       "otherTagsStay": null,
       "topLevelOnly": false,
@@ -4199,6 +4305,7 @@
       "absorbs": null,
       "writes": null,
       "countsChildren": null,
+      "buildsIcons": false,
       "noHelpers": false,
       "otherTagsStay": null,
       "topLevelOnly": false,
@@ -4564,6 +4671,7 @@
       "absorbs": null,
       "writes": null,
       "countsChildren": null,
+      "buildsIcons": false,
       "noHelpers": false,
       "otherTagsStay": null,
       "topLevelOnly": false,
@@ -4589,6 +4697,7 @@
       "absorbs": null,
       "writes": null,
       "countsChildren": null,
+      "buildsIcons": false,
       "noHelpers": false,
       "otherTagsStay": null,
       "topLevelOnly": false,
@@ -4614,6 +4723,7 @@
       "absorbs": null,
       "writes": null,
       "countsChildren": null,
+      "buildsIcons": false,
       "noHelpers": false,
       "otherTagsStay": null,
       "topLevelOnly": false,
@@ -4639,6 +4749,7 @@
       "absorbs": null,
       "writes": null,
       "countsChildren": null,
+      "buildsIcons": false,
       "noHelpers": false,
       "otherTagsStay": null,
       "topLevelOnly": false,
@@ -4664,6 +4775,7 @@
       "absorbs": null,
       "writes": null,
       "countsChildren": null,
+      "buildsIcons": false,
       "noHelpers": false,
       "otherTagsStay": null,
       "topLevelOnly": false,
@@ -4689,6 +4801,7 @@
       "absorbs": null,
       "writes": null,
       "countsChildren": null,
+      "buildsIcons": false,
       "noHelpers": false,
       "otherTagsStay": null,
       "topLevelOnly": false,
@@ -4714,6 +4827,7 @@
       "absorbs": null,
       "writes": null,
       "countsChildren": null,
+      "buildsIcons": false,
       "noHelpers": false,
       "otherTagsStay": null,
       "topLevelOnly": false,
@@ -4739,6 +4853,7 @@
       "absorbs": null,
       "writes": null,
       "countsChildren": null,
+      "buildsIcons": false,
       "noHelpers": false,
       "otherTagsStay": null,
       "topLevelOnly": false,
@@ -4764,6 +4879,7 @@
       "absorbs": null,
       "writes": null,
       "countsChildren": null,
+      "buildsIcons": false,
       "noHelpers": false,
       "otherTagsStay": null,
       "topLevelOnly": false,
@@ -4789,6 +4905,7 @@
       "absorbs": null,
       "writes": null,
       "countsChildren": null,
+      "buildsIcons": false,
       "noHelpers": false,
       "otherTagsStay": null,
       "topLevelOnly": false,
@@ -4814,6 +4931,7 @@
       "absorbs": null,
       "writes": null,
       "countsChildren": null,
+      "buildsIcons": false,
       "noHelpers": false,
       "otherTagsStay": null,
       "topLevelOnly": false,
@@ -4839,6 +4957,7 @@
       "absorbs": null,
       "writes": null,
       "countsChildren": null,
+      "buildsIcons": false,
       "noHelpers": false,
       "otherTagsStay": null,
       "topLevelOnly": false,
@@ -4864,6 +4983,7 @@
       "absorbs": null,
       "writes": null,
       "countsChildren": null,
+      "buildsIcons": false,
       "noHelpers": false,
       "otherTagsStay": null,
       "topLevelOnly": false,
@@ -4889,6 +5009,7 @@
       "absorbs": null,
       "writes": null,
       "countsChildren": null,
+      "buildsIcons": false,
       "noHelpers": false,
       "otherTagsStay": null,
       "topLevelOnly": false,
diff --git a/bestax-mcp/data/skills.json b/bestax-mcp/data/skills.json
index 9ac9ad413..340f04653 100644
--- a/bestax-mcp/data/skills.json
+++ b/bestax-mcp/data/skills.json
@@ -103,7 +103,7 @@
         {
           "id": "bulma-classes-component-map",
           "file": "references/bulma-classes/component-map.md",
-          "bytes": 20298
+          "bytes": 21772
         },
         {
           "id": "bulma-classes-prop-map",
@@ -113,7 +113,7 @@
         {
           "id": "bulma-classes-unmappables",
           "file": "references/bulma-classes/unmappables.md",
-          "bytes": 21787
+          "bytes": 22365
         },
         {
           "id": "css-migration",
diff --git a/bestax-mcp/src/__tests__/bulma-classes-agree.test.ts b/bestax-mcp/src/__tests__/bulma-classes-agree.test.ts
index 648f9170c..29bafd92d 100644
--- a/bestax-mcp/src/__tests__/bulma-classes-agree.test.ts
+++ b/bestax-mcp/src/__tests__/bulma-classes-agree.test.ts
@@ -125,6 +125,38 @@ function planned(tag: string, tokens: string[]): Outcome {
       }));
       counted = counts.prop;
     }
+    // One that builds its icons from props holds an icon, planned the way
+    // the codemod plans it first, which the lookup states as a condition.
+    if (entry?.status === 'mapped' && entry.buildsIcons && !childElements) {
+      const glyph = {
+        tag: 'i',
+        tokens: ['fas', 'fa-home'],
+        attributes: new Map(),
+        hasSpread: false,
+        isEmpty: true,
+      };
+      const iconAttributes = new Map([['aria-label', 'x']]);
+      const becomes = plan({
+        tag: 'span',
+        tokens: ['icon'],
+        attributes: iconAttributes,
+        hasSpread: false,
+        hasRef: false,
+        hasChildren: true,
+        soleChild: glyph,
+      }).conversion;
+      childElements = [
+        {
+          tag: 'span',
+          tokens: ['icon'],
+          attributes: iconAttributes,
+          hasSpread: false,
+          isEmpty: false,
+          ...(becomes && { becomes }),
+          soleChild: glyph,
+        },
+      ];
+    }
   }
   const result = plan({
     tag,
diff --git a/bestax-mcp/src/bulma-classes.ts b/bestax-mcp/src/bulma-classes.ts
index b10e14100..307304e49 100644
--- a/bestax-mcp/src/bulma-classes.ts
+++ b/bestax-mcp/src/bulma-classes.ts
@@ -74,6 +74,11 @@ export interface RootRecord {
    * each a bare, empty `<tag>`.
    */
   countsChildren: Counts | null;
+  /**
+   * The component builds its children from props: each `.icon` inside as an
+   * icon's props, and a bare `<span>` of text after one as its text.
+   */
+  buildsIcons: boolean;
   /** What each item in a list with this class becomes, found by where it sits. */
   items: Items | null;
   /** The component renders a bare `<tag>` around the element too. */
@@ -177,6 +182,8 @@ export type Element =
       writes?: PropWrite[];
       /** Renders the element's children itself, from a count. */
       counts?: Counts;
+      /** Builds its icons from props, out of the element's children. */
+      buildsIcons?: true;
       /** Renders this class only when no other of itself is around it. */
       topLevel?: string;
       /** What each item inside it becomes. */
@@ -430,6 +437,7 @@ export function lookupClasses(
       absorbs: null,
       writes: null,
       countsChildren: null,
+      buildsIcons: false,
       items: null,
       parent: null,
       rendersText: null,
@@ -628,6 +636,7 @@ export function lookupClasses(
     absorbs: entry.absorbs ?? undefined,
     writes: entry.writes ?? undefined,
     counts: entry.countsChildren ?? undefined,
+    buildsIcons: entry.buildsIcons || undefined,
     topLevel: entry.topLevelOnly && root ? root : undefined,
     items: entry.items ?? undefined,
     parent: entry.parent?.tag,
@@ -777,6 +786,14 @@ export function renderLookup(lookup: Lookup): string {
               `\`${counts.prop}={N}\` and drop them. The codemod does that ` +
               `when they're all the element holds.`
             : '') +
+          (element.buildsIcons
+            ? ` It builds its icons from props: write each \`.icon\` inside as ` +
+              `one icon's props, its <i>'s classes read as \`library\` and ` +
+              `\`name\` (\`fas fa-home\` as \`library: 'fa', name: 'home'\`) ` +
+              `and its \`aria-label\` as \`ariaLabel\`, with the bare <span> of ` +
+              `text after it as its text. One icon goes in \`iconProps\`, with ` +
+              `its text as the children, and more than one in \`items\`.`
+            : '') +
           (element.topLevel
             ? ` It renders \`.${element.topLevel}\` only when no other ` +
               `\`${element.target}\` is around it, so one inside another ` +
diff --git a/bestax-migrate/CLAUDE.md b/bestax-migrate/CLAUDE.md
index 2c60697c6..a1435d1c9 100644
--- a/bestax-migrate/CLAUDE.md
+++ b/bestax-migrate/CLAUDE.md
@@ -99,7 +99,8 @@ is the one with no library behind it, converting raw Bulma classes on plain JSX.
   inside it in, a conversion, a fold into its only child (a `fold` wrapper such as
   `.table-container`) or a TODO out; an entry that `absorbs` its only child (`.select`'s
   `<select>`) converts together with it, written in the child's place, and one that
-  `countsChildren` (`.skeleton-lines`) writes their count and drops them, and one with a
+  `countsChildren` (`.skeleton-lines`) writes their count and drops them, one that `buildsIcons`
+  (`.icon-text`) takes its `.icon`s and the texts beside them as props, and one with a
   `parent` (`.pagination-link`) takes the place of the bare `<li>` its target renders too; an entry
   with `wrapsChildren` converts only beside one of its parts, so `transform.ts` plans children
   before their parents; and an element with no class to go by, a menu list's `<li>`, is found
diff --git a/bestax-migrate/e2e/bulma-classes-props.test.ts b/bestax-migrate/e2e/bulma-classes-props.test.ts
index d5008378d..6cf2c03c8 100644
--- a/bestax-migrate/e2e/bulma-classes-props.test.ts
+++ b/bestax-migrate/e2e/bulma-classes-props.test.ts
@@ -17,7 +17,13 @@ import {
   WRAPPERS,
   type RootEntry,
 } from '../src/sources/bulma-classes/class-map.js';
-import { plan } from '../src/sources/bulma-classes/plan.js';
+import { plan, type ChildFacts } from '../src/sources/bulma-classes/plan.js';
+import {
+  GLYPHS,
+  iconChild,
+  iconProps,
+  textChild,
+} from './support/icon-text.js';
 import { typecheckTsxFiles } from './support/typecheck-tsx.js';
 
 const VOID = new Set(['input', 'hr', 'img', 'br']);
@@ -85,7 +91,8 @@ function converted(
   tokens: string[],
   attributes: Array<[string, string | true]>,
   child?: Inner,
-  conditional?: string[][]
+  conditional?: string[][],
+  children?: ChildFacts[]
 ): string | null {
   const unique = [...new Map(attributes)];
   // A root that wraps its children converts only beside one of its parts;
@@ -145,6 +152,11 @@ function converted(
       }),
     ...(root?.status === 'mapped' &&
       root.rendersText !== undefined && { text: root.rendersText }),
+    // One that builds its icons from props holds an icon and its text.
+    ...(root?.status === 'mapped' &&
+      root.buildsIcons && {
+        childElements: children ?? [iconChild(['fas', 'fa-home']), textChild()],
+      }),
     // One that renders its children from a count holds a few of them.
     ...(root?.status === 'mapped' &&
       root.countsChildren && {
@@ -187,15 +199,36 @@ function converted(
     ...(conversion.className
       ? [jsxAttr('className', conversion.className)]
       : []),
-  ].join(' ');
+  ];
   const name = `B.${conversion.target}`;
+  // One that builds its icons from props is given them as one icon, with
+  // its text as the children, or as `items`.
+  const icons = conversion.icons;
+  if (icons) {
+    const inside = children ?? [iconChild(['fas', 'fa-home']), textChild()];
+    const built = icons.map(icon => iconProps(icon, inside[icon.index]));
+    const text = icons.length === 1 ? icons[0].text : undefined;
+    attrs.push(
+      icons.length === 1
+        ? `iconProps={${JSON.stringify(built[0])}}`
+        : `items={${JSON.stringify(
+            icons.map((icon, index) => ({
+              iconProps: built[index],
+              ...(icon.text !== undefined && { text: icon.text }),
+            }))
+          )}}`
+    );
+    return text === undefined
+      ? `<${name} ${attrs.join(' ')} />`
+      : `<${name} ${attrs.join(' ')}>${text}</${name}>`;
+  }
   // A target that renders the children itself closes itself, as the
   // transform writes it, and so does one in place of a void child.
   return VOID.has(tag) ||
     conversion.rendersChildren ||
     (absorbs && VOID.has(absorbs.tag))
-    ? `<${name} ${attrs} />`
-    : `<${name} ${attrs}>x</${name}>`;
+    ? `<${name} ${attrs.join(' ')} />`
+    : `<${name} ${attrs.join(' ')}>x</${name}>`;
 }
 
 describe('every bulma-classes conversion typechecks', () => {
@@ -296,6 +329,40 @@ describe('every bulma-classes conversion typechecks', () => {
           }
         }
       }
+      // The icons it builds from props: each glyph's props, what a `.icon`'s
+      // own classes and attributes become, and more than one, as `items`.
+      if (entry.buildsIcons) {
+        const icons: ChildFacts[] = [
+          ...GLYPHS.map(glyph => iconChild(glyph)),
+          ...['is-small', 'is-medium', 'is-large', 'has-text-info', 'mt-2'].map(
+            token => iconChild(['fas', 'fa-home'], [token])
+          ),
+          ...COMMON.map(attribute =>
+            iconChild(['fas', 'fa-home'], [], {
+              'aria-label': 'x',
+              ...Object.fromEntries([attribute]),
+            })
+          ),
+        ];
+        for (const icon of icons) {
+          add(converted(entry.tag!, [root], [], undefined, undefined, [icon]));
+          add(
+            converted(entry.tag!, [root], [], undefined, undefined, [
+              icon,
+              textChild(),
+            ])
+          );
+        }
+        add(
+          converted(entry.tag!, [root], [], undefined, undefined, [
+            icons[0],
+            textChild('a'),
+            icons[1],
+            icons[2],
+            textChild('b'),
+          ])
+        );
+      }
       expect({ root, conversions: lines.length > 0 }).toEqual({
         root,
         conversions: true,
diff --git a/bestax-migrate/e2e/bulma-classes-truth.test.ts b/bestax-migrate/e2e/bulma-classes-truth.test.ts
index df7cb8a6b..49762d474 100644
--- a/bestax-migrate/e2e/bulma-classes-truth.test.ts
+++ b/bestax-migrate/e2e/bulma-classes-truth.test.ts
@@ -31,9 +31,17 @@ import {
 } from '../src/sources/bulma-classes/class-map.js';
 import {
   plan,
+  type BuiltIcon,
   type ChildFacts,
   type ElementFacts,
 } from '../src/sources/bulma-classes/plan.js';
+import {
+  GLYPHS,
+  iconChild,
+  iconProps,
+  textChild,
+  type Attributes,
+} from './support/icon-text.js';
 import {
   bestax,
   createElement,
@@ -95,6 +103,42 @@ function childFor(entry: RootEntry): Child | undefined {
     : undefined;
 }
 
+/**
+ * A child of an element whose target builds its icons from props, as
+ * written: a `.icon` around its `<i>`, or a bare `<span>` of text.
+ */
+function rawChild(child: ChildFacts): unknown {
+  return createElement(
+    child.tag,
+    {
+      ...(child.tokens ? { className: child.tokens.join(' ') } : {}),
+      ...Object.fromEntries(child.attributes),
+    },
+    child.soleChild
+      ? createElement('i', { className: child.soleChild.tokens!.join(' ') })
+      : child.text
+  );
+}
+
+/**
+ * The props that give a target the icons it builds: one icon's, or several
+ * as `items`, each with its text.
+ */
+function builtProps(
+  icons: BuiltIcon[],
+  children: readonly ChildFacts[]
+): Record<string, unknown> {
+  const built = icons.map(icon => iconProps(icon, children[icon.index]));
+  return icons.length === 1
+    ? { iconProps: built[0] }
+    : {
+        items: icons.map((icon, index) => ({
+          iconProps: built[index],
+          ...(icon.text !== undefined && { text: icon.text }),
+        })),
+      };
+}
+
 /**
  * Render the raw element and, when the planner converts it, the bestax one.
  * Returns null when the planner leaves the element alone. An element whose
@@ -152,7 +196,12 @@ function renderBoth(
     className: [...facts.tokens, ...added.flat()].join(' '),
     ...extra,
   };
-  const rawChildren = counted ?? soleElement ?? (child ? child.raw : children);
+  // A target that builds its icons from props: the children as written, and
+  // the component given them as props, with one icon's text as its own.
+  const icons = result.conversion.icons;
+  const rawChildren = icons
+    ? facts.childElements!.map(rawChild)
+    : (counted ?? soleElement ?? (child ? child.raw : children));
   // A target that renders the element around this one too is compared with
   // the raw element inside that one.
   const raw = result.conversion.replacesParent
@@ -192,17 +241,22 @@ function renderBoth(
       ...(className || stays.length > 0
         ? { className: [className ?? '', ...stays.flat()].join(' ').trim() }
         : {}),
+      ...(icons && builtProps(icons, facts.childElements!)),
     },
     // A target that couldn't absorb the child renders it as given.
-    counted
-      ? undefined
-      : sole
-        ? absorbs
-          ? soleChildren
-          : soleElement
-        : child
-          ? child.converted
-          : children
+    icons
+      ? icons.length === 1
+        ? icons[0].text
+        : undefined
+      : counted
+        ? undefined
+        : sole
+          ? absorbs
+            ? soleChildren
+            : soleElement
+          : child
+            ? child.converted
+            : children
   );
   return { raw: normalizeHtml(raw), converted: normalizeHtml(converted) };
 }
@@ -265,6 +319,10 @@ function factsFor(
     ...(counts && {
       childElements: [bare(counts.tag), bare(counts.tag), bare(counts.tag)],
     }),
+    // One that builds its icons from props holds an icon and its text.
+    ...(entries.some(entry => entry?.buildsIcons) && {
+      childElements: [iconChild(['fas', 'fa-home']), textChild()],
+    }),
     // One that needs element children holds one (`Icon` around an <i>).
     ...(!absorbs &&
       entries.some(entry => entry?.needsElementChildren) && {
@@ -936,6 +994,89 @@ describe.each(counting)(
   }
 );
 
+/**
+ * An element whose target builds its icons from props, around each glyph
+ * it reads, each class and attribute an icon may carry, and each shape of
+ * children it converts: the markup and the component given what it builds
+ * render the same.
+ */
+describe.each(mapped.filter(([, entry]) => entry.buildsIcons))(
+  'the icons `.%s` builds',
+  (root, entry) => {
+    const same = (
+      label: string,
+      children: ChildFacts[],
+      tokens: string[] = [],
+      attributes: Attributes = {}
+    ) => {
+      const facts: ElementFacts = {
+        ...factsFor(entry.tag!, [root, ...tokens], attributes),
+        childElements: children,
+      };
+      const found = renderBoth(facts, attributes);
+      expect({ label, converts: found !== null }).toEqual({
+        label,
+        converts: true,
+      });
+      expect({ label, html: found!.converted }).toEqual({
+        label,
+        html: found!.raw,
+      });
+    };
+
+    it('renders each glyph the same, with a text and without', () => {
+      for (const glyph of GLYPHS) {
+        same(glyph.join(' '), [iconChild(glyph)]);
+        same(`${glyph.join(' ')} and a text`, [iconChild(glyph), textChild()]);
+      }
+    });
+
+    it("renders an icon's own classes and attributes the same", () => {
+      for (const token of [
+        'is-small',
+        'is-medium',
+        'is-large',
+        'has-text-info',
+        'mt-2',
+        'my-icon',
+      ]) {
+        same(token, [iconChild(['fas', 'fa-home'], [token]), textChild()]);
+      }
+      for (const [name, value] of Object.entries({
+        id: 'x',
+        title: 'hint',
+        role: 'img',
+        tabIndex: '0',
+        'aria-describedby': 'y',
+      })) {
+        same(name, [
+          iconChild(['fas', 'fa-home'], [], {
+            'aria-label': 'x',
+            [name]: value,
+          }),
+        ]);
+      }
+    });
+
+    it('renders several icons, each with at most one text, the same', () => {
+      const home = iconChild(['fas', 'fa-home']);
+      const bell = iconChild(['far', 'fa-bell']);
+      same('two with texts', [home, textChild('a'), bell, textChild('b')]);
+      same('two, the first bare', [home, bell, textChild('b')]);
+      same('two, the last bare', [home, textChild('a'), bell]);
+      same(
+        'with its own classes and attributes',
+        [home, bell],
+        ['has-text-success', 'mb-2'],
+        {
+          id: 'x',
+          title: 'hint',
+        }
+      );
+    });
+  }
+);
+
 describe('wrappers', () => {
   it.each(Object.entries(WRAPPERS))(
     '<%s> with helper classes renders the same as bestax `%s`',
diff --git a/bestax-migrate/e2e/support/icon-text.ts b/bestax-migrate/e2e/support/icon-text.ts
new file mode 100644
index 000000000..8ce5849fe
--- /dev/null
+++ b/bestax-migrate/e2e/support/icon-text.ts
@@ -0,0 +1,112 @@
+/**
+ * The children of an element whose target builds its icons from props
+ * (`.icon-text`), as the planner reads them, and each icon's props as the
+ * transform writes them, for the tests that render or typecheck what it
+ * builds.
+ */
+
+import {
+  plan,
+  type BuiltIcon,
+  type ChildFacts,
+} from '../../src/sources/bulma-classes/plan.js';
+
+export type Attributes = Record<string, string | true>;
+
+/**
+ * Glyphs as written: each Font Awesome style, the classes that modify one,
+ * and Material Design Icons.
+ */
+export const GLYPHS: string[][] = [
+  ['fas', 'fa-home'],
+  ['far', 'fa-bell'],
+  ['fab', 'fa-github'],
+  ['fal', 'fa-bell'],
+  ['fad', 'fa-bell'],
+  ['fat', 'fa-bell'],
+  ['fa', 'fa-home'],
+  ['fa-solid', 'fa-house'],
+  ['fa-regular', 'fa-bell'],
+  ['fas', 'fa-home', 'fa-lg'],
+  ['fa-lg', 'fas', 'fa-spinner', 'fa-spin', 'fa-fw'],
+  ['fas', 'fa-home', 'my-glyph'],
+  ['mdi', 'mdi-home'],
+  ['mdi', 'mdi-home', 'mdi-24px', 'mdi-spin'],
+];
+
+/**
+ * A `.icon` holding a bare `<i>` with the `glyph` classes, planned on its
+ * own as the transform plans it before the element around it. It carries
+ * an `aria-label` unless `attributes` says otherwise, since `Icon` writes
+ * one.
+ */
+export function iconChild(
+  glyph: string[],
+  tokens: string[] = [],
+  attributes: Attributes = { 'aria-label': 'x' }
+): ChildFacts {
+  const inner: ChildFacts = {
+    tag: 'i',
+    tokens: glyph,
+    attributes: new Map(),
+    hasSpread: false,
+    isEmpty: true,
+  };
+  const given = new Map(Object.entries(attributes));
+  const becomes = plan({
+    tag: 'span',
+    tokens: ['icon', ...tokens],
+    attributes: given,
+    hasSpread: false,
+    hasRef: false,
+    hasChildren: true,
+    soleChild: inner,
+  }).conversion;
+  return {
+    tag: 'span',
+    tokens: ['icon', ...tokens],
+    attributes: given,
+    hasSpread: false,
+    isEmpty: false,
+    ...(becomes && { becomes }),
+    soleChild: inner,
+  };
+}
+
+/** A bare `<span>` holding one static text. */
+export function textChild(text = 'x'): ChildFacts {
+  return {
+    tag: 'span',
+    attributes: new Map(),
+    hasSpread: false,
+    isEmpty: false,
+    text,
+  };
+}
+
+/**
+ * One built icon's props, as the transform writes them: its props, what
+ * stays of its classes, then its `.icon`'s attributes, with `aria-label`
+ * as `ariaLabel`.
+ */
+export function iconProps(
+  built: BuiltIcon,
+  child: ChildFacts
+): Record<string, unknown> {
+  const number = (name: string, value: unknown) =>
+    built.numbers.includes(name) ? Number(value) : value;
+  return {
+    ...Object.fromEntries(
+      built.props.map(([name, value]) => [name, number(name, value)])
+    ),
+    ...(built.className !== null && { className: built.className }),
+    ...Object.fromEntries(
+      [...child.attributes]
+        .filter(([name]) => !built.drop.includes(name))
+        .map(([name, value]) => [
+          name === 'aria-label' ? 'ariaLabel' : name,
+          number(name, value),
+        ])
+    ),
+  };
+}
diff --git a/bestax-migrate/fixtures/bulma-classes-kitchen-sink/src/elements.tsx b/bestax-migrate/fixtures/bulma-classes-kitchen-sink/src/elements.tsx
index 6de31f29c..aa719e21d 100644
--- a/bestax-migrate/fixtures/bulma-classes-kitchen-sink/src/elements.tsx
+++ b/bestax-migrate/fixtures/bulma-classes-kitchen-sink/src/elements.tsx
@@ -22,6 +22,15 @@ export function Elements() {
         </a>
         <span className="button is-static">Static</span>
       </div>
+      <span className="icon-text has-text-success">
+        <span className="icon" aria-label="Saved">
+          <i className="fas fa-check"></i>
+        </span>
+        <span>Saved</span>
+        <span className="icon is-small" aria-label="Synced">
+          <i className="mdi mdi-sync"></i>
+        </span>
+      </span>
       <div className="tags are-large has-addons">
         <span className="tag is-primary is-light">Light</span>
         <span className="tag is-medium is-hoverable">Medium</span>
diff --git a/bestax-migrate/src/sources/bulma-classes/__testfixtures__/icon-text.input.tsx b/bestax-migrate/src/sources/bulma-classes/__testfixtures__/icon-text.input.tsx
new file mode 100644
index 000000000..9de79570a
--- /dev/null
+++ b/bestax-migrate/src/sources/bulma-classes/__testfixtures__/icon-text.input.tsx
@@ -0,0 +1,64 @@
+export function IconTexts() {
+  return (
+    <section>
+      <span className="icon-text">
+        <span className="icon" aria-label="Home">
+          <i className="fas fa-home"></i>
+        </span>
+        <span>Home</span>
+      </span>
+      <span className="icon-text has-text-success" id="saved">
+        <span className="icon is-small has-text-info" aria-label="Saved">
+          <i className="far fa-check-circle fa-lg"></i>
+        </span>
+        <span>Saved &amp; synced</span>
+      </span>
+      <span className="icon-text">
+        <span className="icon" aria-label="Train">
+          <i className="fas fa-train"></i>
+        </span>
+        <span>Paris</span>
+        <span className="icon" aria-label="To">
+          <i className="fas fa-arrow-right"></i>
+        </span>
+        <span>Budapest</span>
+        <span className="icon" aria-label="Done">
+          <i className="mdi mdi-check-bold mdi-24px"></i>
+        </span>
+      </span>
+      <span className="icon-text">
+        <span className="icon" aria-label="Star">
+          <i className="fa-solid fa-star"></i>
+        </span>
+      </span>
+      {/* The glyph has an attribute Icon doesn't render. */}
+      <span className="icon-text">
+        <span className="icon" aria-label="Info">
+          <i className="fas fa-info-circle" aria-hidden="true"></i>
+        </span>
+        <span>Info</span>
+      </span>
+      {/* The icon has no aria-label, which Icon writes. */}
+      <span className="icon-text">
+        <span className="icon">
+          <i className="fas fa-home"></i>
+        </span>
+        <span>Home</span>
+      </span>
+      {/* IconText renders a <span>, not a <div>. */}
+      <div className="icon-text">
+        <span className="icon" aria-label="Warning">
+          <i className="fas fa-exclamation-triangle"></i>
+        </span>
+        <span>Warning</span>
+      </div>
+      {/* Text before the icon. */}
+      <span className="icon-text">
+        <span>Next</span>
+        <span className="icon" aria-label="Next">
+          <i className="fas fa-arrow-right"></i>
+        </span>
+      </span>
+    </section>
+  );
+}
diff --git a/bestax-migrate/src/sources/bulma-classes/__testfixtures__/icon-text.output.tsx b/bestax-migrate/src/sources/bulma-classes/__testfixtures__/icon-text.output.tsx
new file mode 100644
index 000000000..73d92cb4b
--- /dev/null
+++ b/bestax-migrate/src/sources/bulma-classes/__testfixtures__/icon-text.output.tsx
@@ -0,0 +1,88 @@
+import { Icon, IconText } from "@allxsmith/bestax-bulma";
+export function IconTexts() {
+  // TODO(bestax-migrate): bestax `IconText` builds its icons from props and wraps each text in a <span> of its own, so this converts only when its children are `.icon`s with no `key`, `ref` or dashed attribute but an `aria-` one, each holding one bare, empty <i> that names a Font Awesome or Material Design Icons glyph, and each followed by at most one bare <span> of static text; keep it as markup, or convert it by hand
+  // TODO(bestax-migrate): bestax `IconText` builds each icon from `iconProps`, so this converts only once every `.icon` in it converts to `Icon` on its own; see the TODO on each, then re-run
+  // TODO(bestax-migrate): bestax `Icon` renders `aria-label="icon"` when the element does not set it; add it here if that is what you want, then re-run
+  // TODO(bestax-migrate): bestax `IconText` renders only <span>, not a <div>; keep the markup, or change the tag and re-run
+  return (
+    <section>
+      <IconText iconProps={{
+        library: "fa",
+        name: "home",
+        ariaLabel: "Home"
+      }}>Home</IconText>
+      <IconText
+        textColor="success"
+        id="saved"
+        iconProps={{
+          library: "fa",
+          name: "check-circle",
+          variant: "regular",
+          features: "fa-lg",
+          size: "small",
+          textColor: "info",
+          ariaLabel: "Saved"
+        }}>{"Saved & synced"}</IconText>
+      <IconText
+        items={[{
+          iconProps: {
+            library: "fa",
+            name: "train",
+            ariaLabel: "Train"
+          },
+
+          text: "Paris"
+        }, {
+          iconProps: {
+            library: "fa",
+            name: "arrow-right",
+            ariaLabel: "To"
+          },
+
+          text: "Budapest"
+        }, {
+          iconProps: {
+            library: "mdi",
+            name: "check-bold",
+            features: "mdi-24px",
+            ariaLabel: "Done"
+          }
+        }]} />
+      <IconText
+        iconProps={{
+          library: "fa",
+          name: "star",
+          variant: "fa-solid",
+          ariaLabel: "Star"
+        }} />
+      {/* The glyph has an attribute Icon doesn't render. */}
+      <span className="icon-text">
+        <Icon aria-label="Info">
+          <i className="fas fa-info-circle" aria-hidden="true"></i>
+        </Icon>
+        <span>Info</span>
+      </span>
+      {/* The icon has no aria-label, which Icon writes. */}
+      <span className="icon-text">
+        <span className="icon">
+          <i className="fas fa-home"></i>
+        </span>
+        <span>Home</span>
+      </span>
+      {/* IconText renders a <span>, not a <div>. */}
+      <div className="icon-text">
+        <Icon aria-label="Warning">
+          <i className="fas fa-exclamation-triangle"></i>
+        </Icon>
+        <span>Warning</span>
+      </div>
+      {/* Text before the icon. */}
+      <span className="icon-text">
+        <span>Next</span>
+        <Icon aria-label="Next">
+          <i className="fas fa-arrow-right"></i>
+        </Icon>
+      </span>
+    </section>
+  );
+}
diff --git a/bestax-migrate/src/sources/bulma-classes/__tests__/glyph.test.ts b/bestax-migrate/src/sources/bulma-classes/__tests__/glyph.test.ts
new file mode 100644
index 000000000..b6c701343
--- /dev/null
+++ b/bestax-migrate/src/sources/bulma-classes/__tests__/glyph.test.ts
@@ -0,0 +1,98 @@
+/**
+ * `readGlyph` reads a `.icon`'s `<i>` as the props `Icon` builds it from.
+ * That those props render the same `<i>` is the render truth test's job;
+ * this holds which glyphs read, and as what.
+ */
+
+import { readGlyph } from '../glyph.js';
+import type { ChildFacts } from '../plan.js';
+
+const glyph = (
+  tokens: string[] | null | undefined,
+  extra: Partial<ChildFacts> = {}
+): ChildFacts => ({
+  tag: 'i',
+  ...(tokens !== undefined && { tokens }),
+  attributes: new Map(),
+  hasSpread: false,
+  isEmpty: true,
+  ...extra,
+});
+
+describe('readGlyph', () => {
+  it('reads a Font Awesome glyph, with its style as the variant Icon renders it from', () => {
+    expect(readGlyph(glyph(['fas', 'fa-home']))).toEqual({
+      library: 'fa',
+      name: 'home',
+    });
+    for (const [style, variant] of [
+      ['far', 'regular'],
+      ['fab', 'brands'],
+      ['fal', 'light'],
+      ['fad', 'duotone'],
+      ['fat', 'thin'],
+      ['fa', 'fa'],
+      ['fa-solid', 'fa-solid'],
+      ['fa-regular', 'fa-regular'],
+    ]) {
+      expect(readGlyph(glyph([style, 'fa-bell']))).toEqual({
+        library: 'fa',
+        name: 'bell',
+        variant,
+      });
+    }
+  });
+
+  it('reads the classes that modify a glyph, and any other, as features', () => {
+    expect(
+      readGlyph(glyph(['fa-lg', 'fas', 'fa-spinner', 'fa-spin', 'my-glyph']))
+    ).toEqual({
+      library: 'fa',
+      name: 'spinner',
+      features: ['fa-lg', 'fa-spin', 'my-glyph'],
+    });
+  });
+
+  it('reads a Material Design Icons glyph', () => {
+    expect(readGlyph(glyph(['mdi', 'mdi-home']))).toEqual({
+      library: 'mdi',
+      name: 'home',
+    });
+    expect(readGlyph(glyph(['mdi', 'mdi-home', 'mdi-24px']))).toEqual({
+      library: 'mdi',
+      name: 'home',
+      features: ['mdi-24px'],
+    });
+  });
+
+  it('reads nothing that Icon would render differently', () => {
+    const refused: Array<[string, ChildFacts | undefined]> = [
+      ['no glyph', undefined],
+      ['another tag', { ...glyph(['fas', 'fa-home']), tag: 'span' }],
+      ['a computed class', glyph(null)],
+      ['no class', glyph(undefined)],
+      [
+        'an attribute',
+        glyph(['fas', 'fa-home'], {
+          attributes: new Map([['aria-hidden', 'true']]),
+        }),
+      ],
+      ['a spread', glyph(['fas', 'fa-home'], { hasSpread: true })],
+      ['content', glyph(['fas', 'fa-home'], { isEmpty: false })],
+      ['no style', glyph(['fa-home'])],
+      ['two styles', glyph(['fas', 'far', 'fa-home'])],
+      ['two libraries', glyph(['fas', 'fa-home', 'mdi', 'mdi-home'])],
+      ['two names', glyph(['fas', 'fa-home', 'fa-house'])],
+      ['no name', glyph(['fas', 'fa-lg'])],
+      ['a name Icon would strip', glyph(['fas', 'fa-fa-home'])],
+      ['no Material Design Icons name', glyph(['mdi', 'mdi-24px'])],
+      ['another icon font', glyph(['bi', 'bi-house'])],
+    ];
+    for (const [label, facts] of refused) {
+      expect({ label, glyph: readGlyph(facts) }).toEqual({
+        label,
+        glyph: undefined,
+      });
+    }
+  });
+});
diff --git a/bestax-migrate/src/sources/bulma-classes/__tests__/plan.test.ts b/bestax-migrate/src/sources/bulma-classes/__tests__/plan.test.ts
index f611c8f9d..abdf651e4 100644
--- a/bestax-migrate/src/sources/bulma-classes/__tests__/plan.test.ts
+++ b/bestax-migrate/src/sources/bulma-classes/__tests__/plan.test.ts
@@ -681,6 +681,208 @@ describe('plan', () => {
     });
   });
 
+  describe('IconText', () => {
+    const glyphOf = (tokens: string[]): ChildFacts => ({
+      tag: 'i',
+      tokens,
+      attributes: new Map(),
+      hasSpread: false,
+      isEmpty: true,
+    });
+    /** A `.icon` as the transform hands it over: planned on its own first. */
+    const icon = (
+      glyph = ['fas', 'fa-home'],
+      attributes: Record<string, string | true | null> = { 'aria-label': 'x' },
+      tokens: string[] = []
+    ): ChildFacts => {
+      const own = facts('span', ['icon', ...tokens].join(' '), attributes, {
+        soleChild: glyphOf(glyph),
+      });
+      const becomes = plan(own).conversion;
+      return {
+        tag: 'span',
+        tokens: own.tokens,
+        attributes: own.attributes,
+        hasSpread: false,
+        isEmpty: false,
+        ...(becomes && { becomes }),
+        soleChild: glyphOf(glyph),
+      };
+    };
+    const text = (value = 'Home', extra: Partial<ChildFacts> = {}) => ({
+      tag: 'span',
+      attributes: new Map(),
+      hasSpread: false,
+      isEmpty: false,
+      text: value,
+      ...extra,
+    });
+    const iconText = (
+      children: ChildFacts[] | undefined,
+      className = 'icon-text',
+      tag = 'span'
+    ) => plan(facts(tag, className, {}, { childElements: children }));
+    const rules = (result: ReturnType<typeof plan>) =>
+      result.todos.map(todo => todo.rule);
+
+    it('builds one icon, with the text after it', () => {
+      expect(iconText([icon(), text()]).conversion).toEqual({
+        target: 'IconText',
+        props: [],
+        className: null,
+        drop: [],
+        numbers: [],
+        icons: [
+          {
+            index: 0,
+            props: [
+              ['library', 'fa'],
+              ['name', 'home'],
+            ],
+            className: null,
+            drop: [],
+            numbers: [],
+            text: 'Home',
+          },
+        ],
+      });
+    });
+
+    it("carries each icon's glyph, classes and numbers, and each text after one", () => {
+      const conversion = iconText(
+        [
+          icon(['far', 'fa-bell', 'fa-lg', 'fa-fw'], {
+            'aria-label': 'x',
+            tabIndex: '0',
+          }),
+          text('a'),
+          icon(['mdi', 'mdi-home'], { 'aria-label': 'x' }, [
+            'is-small',
+            'my-icon',
+          ]),
+          icon(),
+          text('b'),
+        ],
+        'icon-text has-text-success'
+      ).conversion!;
+      expect(conversion.props).toEqual([['textColor', 'success']]);
+      expect(conversion.icons).toEqual([
+        {
+          index: 0,
+          props: [
+            ['library', 'fa'],
+            ['name', 'bell'],
+            ['variant', 'regular'],
+            ['features', ['fa-lg', 'fa-fw']],
+          ],
+          className: null,
+          drop: [],
+          numbers: ['tabIndex'],
+          text: 'a',
+        },
+        {
+          index: 2,
+          props: [
+            ['library', 'mdi'],
+            ['name', 'home'],
+            ['size', 'small'],
+          ],
+          className: 'my-icon',
+          drop: [],
+          numbers: [],
+        },
+        {
+          index: 3,
+          props: [
+            ['library', 'fa'],
+            ['name', 'home'],
+          ],
+          className: null,
+          drop: [],
+          numbers: [],
+          text: 'b',
+        },
+      ]);
+    });
+
+    it('keeps it as markup unless its children are icons, each with at most one text after it', () => {
+      const shaped: Array<[string, ChildFacts[] | undefined]> = [
+        ['no children', []],
+        ['anything but HTML elements', undefined],
+        ['only a text', [text()]],
+        ['a text first', [text(), icon()]],
+        ['two texts', [icon(), text(), text()]],
+        ['a text with a class', [icon(), text('x', { tokens: ['bold'] })]],
+        [
+          'a text with an attribute',
+          [icon(), text('x', { attributes: new Map([['id', 'x']]) })],
+        ],
+        ['a text with a spread', [icon(), text('x', { hasSpread: true })]],
+        [
+          'a text that is not one static text',
+          [icon(), { ...text(), text: undefined }],
+        ],
+        ['an empty text', [icon(), text('')]],
+        ['another element', [icon(), { ...text(), tag: 'strong' }]],
+        ['a glyph Icon reads no name from', [icon(['bi', 'bi-house'])]],
+        [
+          'an icon with a key',
+          [icon(['fas', 'fa-home'], { 'aria-label': 'x', key: 'k' })],
+        ],
+        [
+          'an icon with a ref',
+          [icon(['fas', 'fa-home'], { 'aria-label': 'x', ref: null })],
+        ],
+        [
+          'an icon with a data attribute',
+          [icon(['fas', 'fa-home'], { 'aria-label': 'x', 'data-test': 'x' })],
+        ],
+      ];
+      for (const [label, children] of shaped) {
+        const result = iconText(children);
+        expect({ label, rules: rules(result) }).toEqual({
+          label,
+          rules: ['children:IconText'],
+        });
+        expect(result.todos[0].message).toMatch(/builds its icons from props/);
+      }
+      // An `aria-` attribute is one its props declare.
+      expect(
+        iconText([
+          icon(['fas', 'fa-home'], {
+            'aria-label': 'x',
+            'aria-describedby': 'y',
+          }),
+        ]).conversion
+      ).not.toBeNull();
+    });
+
+    it('waits for each icon to convert on its own, unless another child does', () => {
+      // No aria-label, which Icon writes: the icon stays, and says so.
+      const bare = icon(['fas', 'fa-home'], {});
+      expect(bare.becomes).toBeUndefined();
+      const waits = iconText([bare, text()]);
+      expect(rules(waits)).toEqual(['children:IconText']);
+      expect(waits.todos[0].message).toMatch(/see the TODO on each/);
+      // Beside one that converts, the next run finds a component there
+      // instead, so the reason is the one it gives then.
+      expect(iconText([icon(), bare]).todos[0].message).toMatch(
+        /builds its icons from props/
+      );
+      const joined = icon();
+      joined.becomes = { ...joined.becomes!, conditional: [['size', 'x']] };
+      expect(iconText([joined]).todos[0].message).toMatch(
+        /builds its icons from props/
+      );
+    });
+
+    it('refuses another tag before looking at the children', () => {
+      expect(rules(iconText(undefined, 'icon-text', 'div'))).toEqual([
+        'tag:IconText',
+      ]);
+    });
+  });
+
   describe('Pagination links and ellipsis', () => {
     const li = (extra: Partial<ChildFacts> = {}): ChildFacts => ({
       tag: 'li',
diff --git a/bestax-migrate/src/sources/bulma-classes/__tests__/transform.test.ts b/bestax-migrate/src/sources/bulma-classes/__tests__/transform.test.ts
index 51d6476ab..38096f540 100644
--- a/bestax-migrate/src/sources/bulma-classes/__tests__/transform.test.ts
+++ b/bestax-migrate/src/sources/bulma-classes/__tests__/transform.test.ts
@@ -1187,3 +1187,72 @@ describe('printing', () => {
     });
   });
 });
+
+describe('an element whose component builds its icons from props', () => {
+  const iconText = (icon: string, text = '<span>Home</span>') =>
+    `export const A = (label: string) => (\n  <span className="icon-text">\n    ${icon}\n    ${text}\n  </span>\n);\n`;
+  const home =
+    '<span className="icon" aria-label="Home"><i className="fas fa-home"></i></span>';
+
+  it('imports the component alone, since its icons go into it', () => {
+    const { output, rules } = migrate(iconText(home));
+    expect(output).toContain(
+      'import { IconText } from "@allxsmith/bestax-bulma";'
+    );
+    expect(output).not.toContain('<Icon ');
+    expect(rules).toEqual([]);
+  });
+
+  it("writes each of an icon's attributes as `Icon` is given it", () => {
+    const { output } = migrate(
+      iconText(
+        '<span className="icon" aria-label={label} title="Go &amp; see" tabIndex="0" style={{ color: "red" }} hidden><i className="fas fa-home"></i></span>'
+      )
+    );
+    expect(output).toMatch(/ariaLabel: label,/);
+    expect(output).toMatch(/title: "Go & see",/);
+    expect(output).toMatch(/tabIndex: 0,/);
+    expect(output).toMatch(/style: \{\s*color: "red"\s*\},/);
+    expect(output).toMatch(/hidden: true\s*\}/);
+  });
+
+  it('writes a text JSX would read differently as the string it renders', () => {
+    expect(migrate(iconText(home, '<span> Home</span>')).output).toContain(
+      '>{" Home"}</IconText>'
+    );
+    expect(migrate(iconText(home, '<span>a &lt; b</span>')).output).toContain(
+      '>{"a < b"}</IconText>'
+    );
+  });
+
+  it('moves the comments in its children to the name that stays', () => {
+    const { output } = migrate(
+      iconText(
+        '<span className="icon" aria-label="Home" /* the house */><i className="fas fa-home"></i></span>'
+      )
+    );
+    expect(output).toMatch(/<IconText \/\* the house \*\/ iconProps=/);
+  });
+
+  it('keeps the TODO an icon it takes carried, with the class', () => {
+    const { output, rules } = migrate(
+      iconText(
+        '<span className="icon tile" aria-label="Home"><i className="fas fa-home"></i></span>'
+      )
+    );
+    expect(rules).toEqual(['legacy:tile']);
+    expect(output).toMatch(/className: "tile",/);
+  });
+
+  it('keeps its icons as markup when a computed className leaves it to a person', () => {
+    const source = iconText(home).replace(
+      'className="icon-text"',
+      'className={`icon-text ${label}`}'
+    );
+    const { output, rules } = migrate(source);
+    expect(rules).toEqual(['dynamic-class:IconText']);
+    expect(output).toContain(home);
+    // A re-run finds the markup it found, and says the same.
+    expect(migrate(output!).output).toBeNull();
+  });
+});
diff --git a/bestax-migrate/src/sources/bulma-classes/class-map.ts b/bestax-migrate/src/sources/bulma-classes/class-map.ts
index bb4cc2a60..3b0754f8e 100644
--- a/bestax-migrate/src/sources/bulma-classes/class-map.ts
+++ b/bestax-migrate/src/sources/bulma-classes/class-map.ts
@@ -241,6 +241,14 @@ export interface RootEntry {
    * just that, and they go (`.skeleton-lines`' `<div>`s, as `lines`).
    */
   readonly countsChildren?: { readonly tag: string; readonly prop: string };
+  /**
+   * The target builds its children from props (`IconText`): each `.icon`
+   * inside becomes one icon's props, its glyph's classes read as `library`
+   * and `name`, and a bare `<span>` of text right after it becomes that
+   * icon's text. The element converts only when its children are just that,
+   * and each `.icon` converts on its own; they go.
+   */
+  readonly buildsIcons?: boolean;
   /** The target takes no helper props, so every helper class stays a class. */
   readonly noHelpers?: boolean;
   /**
@@ -1634,10 +1642,16 @@ export const ROOTS: Readonly<Record<string, RootEntry>> = {
     ],
     passThrough: ['style'],
   },
-  'icon-text': todo(
-    'IconText',
-    'bestax `IconText` pairs with `Icon`, which renders its own `<i>`'
-  ),
+  // `IconText` builds its icons from `iconProps` (`items`, for more than
+  // one) and wraps each text in a `<span>` of its own, so the `.icon`s and
+  // the texts beside them become its props.
+  'icon-text': {
+    ...BASE,
+    target: 'IconText',
+    tag: 'span',
+    buildsIcons: true,
+    ownProps: ['textColor', 'bgColor', 'color', 'iconProps', 'items'],
+  },
   // `Image` renders `.image` and the `<img>` inside it together, from `src`
   // and `alt`. A ratio stays a class: as `size`, it adds `has-ratio` too.
   image: {
diff --git a/bestax-migrate/src/sources/bulma-classes/glyph.ts b/bestax-migrate/src/sources/bulma-classes/glyph.ts
new file mode 100644
index 000000000..978502944
--- /dev/null
+++ b/bestax-migrate/src/sources/bulma-classes/glyph.ts
@@ -0,0 +1,165 @@
+/**
+ * Read an icon's glyph, the `<i>` inside a `.icon`, as the props bestax
+ * `Icon` builds it from. Pure and exact: a glyph reads only when `Icon`,
+ * given those props, renders that `<i>` with exactly its classes and nothing
+ * else. `library` is always written, so a `ConfigProvider` with another
+ * `iconLibrary` can't change what renders.
+ */
+
+import type { ChildFacts } from './plan.js';
+
+export interface Glyph {
+  library: 'fa' | 'mdi';
+  name: string;
+  /** Font Awesome's style, when it isn't `Icon`'s default `fas`. */
+  variant?: string;
+  /** The glyph's other classes, which `Icon` renders after its own. */
+  features?: string[];
+}
+
+/**
+ * Font Awesome's style classes. `Icon` renders its `variant` through this
+ * table when it's a key (`regular` as `far`), and as written otherwise, so
+ * the short forms read as the name `Icon` knows them by and the rest
+ * (`fa`, `fa-solid`) as themselves. `fas` is its default.
+ */
+const FA_STYLES: Readonly<Record<string, string | undefined>> = {
+  fas: undefined,
+  far: 'regular',
+  fab: 'brands',
+  fal: 'light',
+  fad: 'duotone',
+  fat: 'thin',
+  fa: 'fa',
+  'fa-solid': 'fa-solid',
+  'fa-regular': 'fa-regular',
+  'fa-brands': 'fa-brands',
+  'fa-light': 'fa-light',
+  'fa-thin': 'fa-thin',
+  'fa-duotone': 'fa-duotone',
+};
+
+/** Font Awesome's classes that modify a glyph rather than name one. */
+const FA_MODIFIERS = new Set([
+  'fa-2xs',
+  'fa-xs',
+  'fa-sm',
+  'fa-lg',
+  'fa-xl',
+  'fa-2xl',
+  ...Array.from({ length: 10 }, (_, index) => `fa-${index + 1}x`),
+  'fa-fw',
+  'fa-width-auto',
+  'fa-border',
+  'fa-inverse',
+  'fa-li',
+  'fa-ul',
+  'fa-pull-left',
+  'fa-pull-right',
+  'fa-pull-start',
+  'fa-pull-end',
+  'fa-spin',
+  'fa-pulse',
+  'fa-spin-pulse',
+  'fa-spin-reverse',
+  'fa-beat',
+  'fa-beat-fade',
+  'fa-bounce',
+  'fa-fade',
+  'fa-flip',
+  'fa-shake',
+  'fa-rotate-90',
+  'fa-rotate-180',
+  'fa-rotate-270',
+  'fa-rotate-by',
+  'fa-flip-horizontal',
+  'fa-flip-vertical',
+  'fa-flip-both',
+  'fa-stack-1x',
+  'fa-stack-2x',
+  'fa-swap-opacity',
+  'fa-sharp',
+  'fa-classic',
+]);
+
+/** Material Design Icons' classes that modify a glyph rather than name one. */
+const MDI_MODIFIERS = new Set([
+  'mdi-18px',
+  'mdi-24px',
+  'mdi-36px',
+  'mdi-48px',
+  'mdi-dark',
+  'mdi-light',
+  'mdi-inactive',
+  ...[45, 90, 135, 180, 225, 270, 315].map(angle => `mdi-rotate-${angle}`),
+  'mdi-flip-h',
+  'mdi-flip-v',
+  'mdi-spin',
+]);
+
+/**
+ * The props `Icon` renders this glyph from, or undefined when it can't: the
+ * glyph must be a bare, empty `<i>` whose classes name one Font Awesome or
+ * Material Design Icons glyph.
+ */
+export function readGlyph(glyph: ChildFacts | undefined): Glyph | undefined {
+  if (
+    glyph?.tag !== 'i' ||
+    !glyph.tokens ||
+    glyph.attributes.size > 0 ||
+    glyph.hasSpread ||
+    !glyph.isEmpty
+  ) {
+    return undefined;
+  }
+  const tokens = glyph.tokens;
+  const styles = tokens.filter(token => Object.hasOwn(FA_STYLES, token));
+  const mdi = tokens.includes('mdi');
+  if (styles.length === 1 && !mdi) {
+    const [style] = styles;
+    const named = nameIn(tokens, 'fa-', FA_MODIFIERS, style);
+    if (!named) return undefined;
+    const variant = FA_STYLES[style];
+    return {
+      library: 'fa',
+      name: named.name,
+      ...(variant && { variant }),
+      ...(named.features.length > 0 && { features: named.features }),
+    };
+  }
+  if (mdi && styles.length === 0) {
+    const named = nameIn(tokens, 'mdi-', MDI_MODIFIERS, 'mdi');
+    if (!named) return undefined;
+    return {
+      library: 'mdi',
+      name: named.name,
+      ...(named.features.length > 0 && { features: named.features }),
+    };
+  }
+  return undefined;
+}
+
+/**
+ * The one class among `tokens` that names a glyph (`fa-home`), without its
+ * prefix, and the rest but `base`, as features. Undefined unless exactly one
+ * does, and its name doesn't start with the prefix again, which `Icon` would
+ * strip.
+ */
+function nameIn(
+  tokens: readonly string[],
+  prefix: string,
+  modifiers: ReadonlySet<string>,
+  base: string
+): { name: string; features: string[] } | undefined {
+  const rest = tokens.filter(token => token !== base);
+  const names = rest.filter(
+    token =>
+      token.startsWith(prefix) &&
+      token.length > prefix.length &&
+      !modifiers.has(token)
+  );
+  if (names.length !== 1) return undefined;
+  const name = names[0].slice(prefix.length);
+  if (name.startsWith(prefix)) return undefined;
+  return { name, features: rest.filter(token => token !== names[0]) };
+}
diff --git a/bestax-migrate/src/sources/bulma-classes/plan.ts b/bestax-migrate/src/sources/bulma-classes/plan.ts
index 3ca1873a6..81014b13d 100644
--- a/bestax-migrate/src/sources/bulma-classes/plan.ts
+++ b/bestax-migrate/src/sources/bulma-classes/plan.ts
@@ -25,6 +25,7 @@ import {
   wrapperFor,
   type RootEntry,
 } from './class-map.js';
+import { readGlyph } from './glyph.js';
 import { ruleId } from './rules.js';
 
 export interface ElementFacts {
@@ -140,6 +141,14 @@ export interface ChildFacts {
    * an element that goes would take it with it.
    */
   isEmpty: boolean;
+  /**
+   * For one of an element's `childElements`: what it converts to on its
+   * own, when it does, its only child, and the string its content renders,
+   * when that is one static text. What an entry that `buildsIcons` reads.
+   */
+  becomes?: Conversion;
+  soleChild?: ChildFacts;
+  text?: string;
 }
 
 export interface Todo {
@@ -194,6 +203,32 @@ export interface Conversion {
    * prop set to their condition, each once. The rest stay in the joiner call.
    */
   conditional?: Array<[prop: string, token: string]>;
+  /**
+   * The target builds its children from props (`IconText`): one icon per
+   * `.icon` among them, as `iconProps`, or as `items` when there are more.
+   * The children go, and so does the element's closing tag unless one icon
+   * has a text, which becomes its children.
+   */
+  icons?: BuiltIcon[];
+}
+
+/** One icon a target that `buildsIcons` builds from props. */
+export interface BuiltIcon {
+  /** Which of the element's `childElements` its `.icon` is. */
+  index: number;
+  /**
+   * Its props: the ones its glyph is built from, then what its `.icon`'s
+   * classes become. Its attributes join them, as they would on `Icon`.
+   */
+  props: Array<[name: string, value: string | true | readonly string[]]>;
+  /** What stays of its `.icon`'s `className`, or null when nothing does. */
+  className: string | null;
+  /** Its `.icon`'s attributes `Icon` renders by itself. */
+  drop: string[];
+  /** Its attributes, and props above, written as numbers. */
+  numbers: string[];
+  /** The text after it, if any. */
+  text?: string;
 }
 
 export interface Plan {
@@ -644,6 +679,14 @@ export function plan(facts: ElementFacts): Plan {
     }
     as = tag;
   }
+  // Last, since what the children are can change once a refusal leaves
+  // them to convert on their own, and a re-run has to find the same reason.
+  let icons: BuiltIcon[] | undefined;
+  if (entry.buildsIcons) {
+    const built = buildIcons(facts.childElements, target);
+    if ('why' in built) return refuse('children', target, built.why);
+    icons = built.icons;
+  }
 
   const props: Array<[string, string | true]> = [];
   if (as) props.push(['as', as]);
@@ -713,11 +756,84 @@ export function plan(facts: ElementFacts): Plan {
         : {}),
       ...(parent ? { replacesParent: true as const } : {}),
       ...(conditional.length > 0 ? { conditional } : {}),
+      ...(icons ? { icons } : {}),
     },
     todos,
   };
 }
 
+/**
+ * The icons a target that `buildsIcons` builds from an element's children:
+ * each `.icon` that converts to `Icon` on its own and holds a glyph `Icon`
+ * can build, with the bare `<span>` of text after it, if any.
+ *
+ * A child that converts on its own does so once the element stays markup,
+ * and a re-run then finds a component there, so the reason is the general
+ * one whenever one does: a TODO has to read the same on the next run.
+ */
+function buildIcons(
+  children: readonly ChildFacts[] | undefined,
+  target: string
+): { icons: BuiltIcon[] } | { why: string } {
+  const shape = `bestax \`${target}\` builds its icons from props and wraps each text in a <span> of its own, so this converts only when its children are \`.icon\`s with no \`key\`, \`ref\` or dashed attribute but an \`aria-\` one, each holding one bare, empty <i> that names a Font Awesome or Material Design Icons glyph, and each followed by at most one bare <span> of static text; keep it as markup, or convert it by hand`;
+  const alone = children?.some(child => child.becomes) ?? false;
+  const icons: BuiltIcon[] = [];
+  for (const [index, child] of (children ?? []).entries()) {
+    if (child.tokens?.includes('icon')) {
+      const icon = child.becomes;
+      if (icon?.target !== 'Icon' || icon.conditional) {
+        return {
+          why: alone
+            ? shape
+            : `bestax \`${target}\` builds each icon from \`iconProps\`, so this converts only once every \`.icon\` in it converts to \`Icon\` on its own; see the TODO on each, then re-run`,
+        };
+      }
+      // In a props object, a dashed name is type-checked where JSX lets any
+      // through, and only `aria-` ones are declared (`data-test` is not).
+      const loose = [...child.attributes.keys()].some(
+        name =>
+          name === 'key' ||
+          name === 'ref' ||
+          (name.includes('-') && !name.startsWith('aria-'))
+      );
+      const glyph = readGlyph(child.soleChild);
+      if (!glyph || loose) return { why: shape };
+      const props: BuiltIcon['props'] = [
+        ['library', glyph.library],
+        ['name', glyph.name],
+      ];
+      if (glyph.variant) props.push(['variant', glyph.variant]);
+      const { features } = glyph;
+      if (features) {
+        props.push([
+          'features',
+          features.length === 1 ? features[0] : features,
+        ]);
+      }
+      icons.push({
+        index,
+        props: [...props, ...icon.props],
+        className: icon.className,
+        drop: icon.drop,
+        numbers: icon.numbers,
+      });
+      continue;
+    }
+    const last = icons[icons.length - 1];
+    const text =
+      child.tag === 'span' &&
+      child.tokens === undefined &&
+      child.attributes.size === 0 &&
+      !child.hasSpread
+        ? child.text
+        : undefined;
+    // It renders a text only when the text is truthy.
+    if (!last || last.text !== undefined || !text) return { why: shape };
+    last.text = text;
+  }
+  return icons.length > 0 ? { icons } : { why: shape };
+}
+
 /**
  * What an element's classes become on `entry`'s target: the props they
  * write, the classes that leave `className`, and the props written as
diff --git a/bestax-migrate/src/sources/bulma-classes/transform.ts b/bestax-migrate/src/sources/bulma-classes/transform.ts
index 7efd09da2..d975d4790 100644
--- a/bestax-migrate/src/sources/bulma-classes/transform.ts
+++ b/bestax-migrate/src/sources/bulma-classes/transform.ts
@@ -47,6 +47,7 @@ import {
 } from '../_shared/bestax-import.js';
 import {
   plan,
+  type BuiltIcon,
   type ChildFacts,
   type Conversion,
   type ElementFacts,
@@ -781,19 +782,93 @@ function childFacts(child: any): ChildFacts | undefined {
 
 /**
  * An element's children as plain HTML elements, when that is every one
- * React renders; undefined when one is anything else.
+ * React renders; undefined when one is anything else. `more` adds what else
+ * is known of each.
  */
-function childElementsOf(element: any): ChildFacts[] | undefined {
+function childElementsOf(
+  element: any,
+  more: (child: any) => Partial<ChildFacts> = () => ({})
+): ChildFacts[] | undefined {
   const children: ChildFacts[] = [];
   for (const child of element.children ?? []) {
     if (dropped(child)) continue;
     const found = child.type === 'JSXElement' ? childFacts(child) : undefined;
     if (!found) return undefined;
-    children.push(found);
+    children.push({ ...found, ...more(child) });
   }
   return children;
 }
 
+/** A JSX key for a prop: its name, quoted when it isn't an identifier. */
+function propKey(j: any, name: string): any {
+  return /^[A-Za-z_$][\w$]*$/.test(name)
+    ? j.identifier(name)
+    : j.stringLiteral(name);
+}
+
+/** A prop's value as an expression, a number when it's written as one. */
+function propValue(
+  j: any,
+  value: string | true | readonly string[],
+  number: boolean
+): any {
+  if (value === true) return j.booleanLiteral(true);
+  if (typeof value !== 'string') {
+    return j.arrayExpression(value.map(item => j.stringLiteral(item)));
+  }
+  return number ? j.numericLiteral(Number(value)) : j.stringLiteral(value);
+}
+
+/**
+ * The props one built icon is given, as an object: its glyph's and its
+ * classes' first, then its `.icon`'s attributes, as `Icon` would have been
+ * given them, with `aria-label` under the name `Icon` declares for it.
+ */
+function iconObject(j: any, icon: any, built: BuiltIcon): any {
+  const properties = built.props.map(([name, value]) =>
+    j.objectProperty(
+      propKey(j, name),
+      propValue(j, value, built.numbers.includes(name))
+    )
+  );
+  if (built.className !== null) {
+    properties.push(
+      j.objectProperty(
+        j.identifier('className'),
+        j.stringLiteral(built.className)
+      )
+    );
+  }
+  for (const attr of icon.openingElement.attributes ?? []) {
+    const name = attributeName(attr);
+    if (name === 'className' || built.drop.includes(name)) continue;
+    const given = attr.value;
+    const value =
+      given === null
+        ? j.booleanLiteral(true)
+        : given.type === 'JSXExpressionContainer'
+          ? given.expression
+          : propValue(j, given.value, built.numbers.includes(name));
+    properties.push(
+      j.objectProperty(
+        propKey(j, name === 'aria-label' ? 'ariaLabel' : name),
+        value
+      )
+    );
+  }
+  return j.objectExpression(properties);
+}
+
+/**
+ * A text as a JSX child: as written when it renders as itself there, and as
+ * a string otherwise (leading or trailing space, a character JSX reads).
+ */
+function textChild(j: any, text: string): any {
+  return /^[^\s{}<>&](?:[^{}<>&\r\n]*[^\s{}<>&])?$/.test(text)
+    ? j.jsxText(text)
+    : j.jsxExpressionContainer(j.stringLiteral(text));
+}
+
 function insideForeignContent(elementPath: ASTPath<any>): boolean {
   let current: any = elementPath.parent;
   while (current) {
@@ -1081,7 +1156,17 @@ export default function transform(
       childTargets: childTargets(elementPath),
       soleChildTarget: planned.get(sole)?.conversion?.target,
       soleChild: sole && childFacts(sole),
-      childElements: childElementsOf(element),
+      childElements: childElementsOf(element, child => {
+        const becomes = planned.get(child)?.conversion;
+        const only = soleChild(child);
+        const inner = only && childFacts(only);
+        const text = textOf(child);
+        return {
+          ...(becomes && { becomes }),
+          ...(inner && { soleChild: inner }),
+          ...(text !== undefined && { text }),
+        };
+      }),
       bestaxInside: bestaxInside.get(element) ?? [],
       bestaxAround: surrounding.bestax,
       componentsAround: surrounding.other,
@@ -1115,6 +1200,7 @@ export default function transform(
       else exact = undefined;
     }
     let result = exact ?? plan(facts);
+    const builds = result.conversion?.icons;
     const converts = result.conversion !== null || result.fold !== undefined;
     const becomes = result.conversion?.target ?? result.fold?.target;
     if (className === null && !exact && becomes) {
@@ -1146,6 +1232,27 @@ export default function transform(
       inner.props.push(...result.fold.props);
       inner.numbers.push(...result.fold.numbers);
     }
+    if (builds) {
+      // A `.icon` the target builds from props goes with the element, so it
+      // doesn't convert on its own, and nor does it when a computed
+      // `className` leaves the element to a person: a re-run has to find
+      // the markup it found.
+      const inside = (element.children ?? []).filter(
+        (child: any) => !dropped(child)
+      );
+      for (const icon of builds) {
+        const node = inside[icon.index];
+        const own: Plan = { conversion: null, todos: planned.get(node)!.todos };
+        planned.set(node, own);
+        const at = elements.findIndex(found => found.path.node === node);
+        if (at === -1) continue;
+        if (own.todos.length > 0) {
+          elements[at] = { ...elements[at], plan: own, converts: false };
+        } else {
+          elements.splice(at, 1);
+        }
+      }
+    }
     planned.set(element, result);
     if (result.conversion || result.fold || result.todos.length > 0) {
       elements.unshift({ path: elementPath, plan: result, converts });
@@ -1350,6 +1457,72 @@ export default function transform(
         name.comments = [...(name.comments ?? []), ...gone.map(afterTagName)];
       }
     }
+    if (conversion.icons) {
+      // The target builds its children from props: one icon as `iconProps`,
+      // with its text as the children, or several as `items`. The children
+      // go, and their comments move to the name that stays.
+      const icons = conversion.icons;
+      const inside = (element.children ?? []).filter(
+        (child: any) => !dropped(child)
+      );
+      const objects = icons.map(icon =>
+        iconObject(j, inside[icon.index], icon)
+      );
+      const [only] = icons;
+      const prop =
+        icons.length === 1
+          ? j.jsxAttribute(
+              j.jsxIdentifier('iconProps'),
+              j.jsxExpressionContainer(objects[0])
+            )
+          : j.jsxAttribute(
+              j.jsxIdentifier('items'),
+              j.jsxExpressionContainer(
+                j.arrayExpression(
+                  icons.map((icon, index) =>
+                    j.objectExpression([
+                      j.objectProperty(
+                        j.identifier('iconProps'),
+                        objects[index]
+                      ),
+                      ...(icon.text === undefined
+                        ? []
+                        : [
+                            j.objectProperty(
+                              j.identifier('text'),
+                              j.stringLiteral(icon.text)
+                            ),
+                          ]),
+                    ])
+                  )
+                )
+              )
+            );
+      element.openingElement.attributes = [
+        ...(element.openingElement.attributes ?? []),
+        prop,
+      ];
+      const text = icons.length === 1 ? only.text : undefined;
+      const moved = [
+        ...inside.flatMap((child: any) => commentsWithin(child)),
+        ...(text === undefined
+          ? [element.closingElement, element.closingElement?.name].flatMap(
+              (node: any) => node?.comments ?? []
+            )
+          : []),
+      ];
+      if (text === undefined) {
+        element.children = [];
+        element.openingElement.selfClosing = true;
+        element.closingElement = null;
+      } else {
+        element.children = [textChild(j, text)];
+      }
+      if (moved.length) {
+        const name = element.openingElement.name;
+        name.comments = [...(name.comments ?? []), ...moved.map(afterTagName)];
+      }
+    }
     let written = element;
     if (child) {
       child.openingElement.name = element.openingElement.name;
diff --git a/docs/docs/guides/getting-started/migration/bulma-classes.md b/docs/docs/guides/getting-started/migration/bulma-classes.md
index 6b8f377c8..ca075ef73 100644
--- a/docs/docs/guides/getting-started/migration/bulma-classes.md
+++ b/docs/docs/guides/getting-started/migration/bulma-classes.md
@@ -73,7 +73,7 @@ stock stylesheet.
   parts, `navbar` and most of its parts, `field` and its parts, `control`, `input`, `textarea`,
   `select`, `breadcrumb`, `image`, `menu` and its label, list and items, the parts inside a `modal`
   but its close button, `pagination` and its list, links and ellipses, `panel` and its
-  heading, tabs and blocks, `tabs`, `icon`, `delete`, `progress`, `skeleton-block`, `footer` and
+  heading, tabs and blocks, `tabs`, `icon`, `icon-text`, `delete`, `progress`, `skeleton-block`, `footer` and
   `table` become their bestax components, with their modifier classes as props (`is-primary` →
   `color="primary"`, `is-half` → `size="half"`).
 - **Helper classes** become helper props on those components (`mt-4` → `mt="4"`,
diff --git a/eslint-plugin/src/generated/metadata.ts b/eslint-plugin/src/generated/metadata.ts
index 8d59e28eb..455388539 100644
--- a/eslint-plugin/src/generated/metadata.ts
+++ b/eslint-plugin/src/generated/metadata.ts
@@ -194,7 +194,6 @@ export const BULMA_COMPONENT_CLASSES: ReadonlyMap<string, BulmaComponentClass> =
     ['radios', { component: 'Radios', converts: false }],
     ['file', { component: 'File', converts: false }],
     ['dropdown', { component: 'Dropdown', converts: false }],
-    ['icon-text', { component: 'IconText', converts: false }],
     ['menu-item', { component: 'Menu.Item', converts: false }],
     ['message', { component: 'Message', converts: false }],
     ['modal', { component: 'Modal', converts: false }],
@@ -260,6 +259,7 @@ export const BULMA_COMPONENT_CLASSES: ReadonlyMap<string, BulmaComponentClass> =
     ['skeleton-block', { component: 'Skeleton', converts: true }],
     ['skeleton-lines', { component: 'Skeleton', converts: true }],
     ['icon', { component: 'Icon', converts: true }],
+    ['icon-text', { component: 'IconText', converts: true }],
     ['image', { component: 'Image', converts: true }],
     ['menu', { component: 'Menu', converts: true }],
     ['menu-label', { component: 'Menu.Label', converts: true }],
diff --git a/scripts/gen-mcp-index.mjs b/scripts/gen-mcp-index.mjs
index efe069495..1fb4f0ac5 100644
--- a/scripts/gen-mcp-index.mjs
+++ b/scripts/gen-mcp-index.mjs
@@ -534,6 +534,7 @@ export async function bulmaClassTable() {
         absorbs: entry.absorbs ?? null,
         writes: entry.writes ?? null,
         countsChildren: entry.countsChildren ?? null,
+        buildsIcons: entry.buildsIcons ?? false,
         noHelpers: entry.noHelpers ?? false,
         otherTagsStay: entry.otherTagsStay ?? null,
         topLevelOnly: entry.topLevelOnly ?? false,
diff --git a/skills/bestax-migrate/references/bulma-classes/component-map.md b/skills/bestax-migrate/references/bulma-classes/component-map.md
index 1fffd8b9a..b765bb9dd 100644
--- a/skills/bestax-migrate/references/bulma-classes/component-map.md
+++ b/skills/bestax-migrate/references/bulma-classes/component-map.md
@@ -82,6 +82,7 @@ a `<label>` or `<div>` `.panel-block` stays markup with no TODO, since bestax re
 | `.skeleton-block`      | `Skeleton`            | `<div>` only                                                   |
 | `.skeleton-lines`      | `Skeleton`            | `<div>` only                                                   |
 | `.icon`                | `Icon`                | `<span>` only                                                  |
+| `.icon-text`           | `IconText`            | `<span>` only                                                  |
 | `.image`               | `Image`               | `<div>`, `<figure>`, `<p>` via `as`                            |
 | `.menu`                | `Menu`                | `<aside>` only                                                 |
 | `.menu-label`          | `Menu.Label`          | `<p>` only                                                     |
@@ -251,12 +252,41 @@ inside one of them, or anything else beside them, keeps the element as markup wi
 `children:Skeleton` TODO. A `.skeleton-block` converts like any other element, content and all.
 `Skeleton` takes no helper props, so a helper class on either stays in `className`.
 
+## Icons a component builds from props
+
+`IconText` builds its icons from props, so an `.icon-text` converts together with what's inside
+it: each `.icon` becomes one icon's props, and a bare `<span>` of text right after one becomes that
+icon's text. One icon is written as `iconProps`, with its text as the children, and more than one
+as `items`.
+
+```jsx
+<span className="icon-text">
+  <span className="icon" aria-label="Home">
+    <i className="fas fa-home"></i>
+  </span>
+  <span>Home</span>
+</span>
+// becomes
+<IconText iconProps={{ library: "fa", name: "home", ariaLabel: "Home" }}>Home</IconText>
+```
+
+The glyph is read from the `<i>`: its Font Awesome style class (`fas`, `far`, `fa-solid`, ...) or
+`mdi`, the one class that names the glyph (`fa-home` as `name: "home"`), and the rest as
+`features`. `library` is always written, so a `ConfigProvider` with another `iconLibrary` doesn't
+change what renders. The `.icon`'s own classes and attributes join the glyph's props as they
+would on `Icon`, with `aria-label` as `ariaLabel`.
+
+It converts only when every `.icon` inside converts to `Icon` on its own and holds a bare, empty
+`<i>` naming a Font Awesome or Material Design Icons glyph, and the only other children are those
+texts, bare and static. Anything else keeps it as markup with a `children:IconText` TODO, and the
+`.icon`s inside convert on their own.
+
 ## Families this source leaves as markup
 
 Their markup doesn't map element by element (the bestax component renders parts of its own, or
 adds attributes), so the family's outermost class gets a `family:<class>` TODO and the markup
 stays. [unmappables.md](unmappables.md) has the recipe for each. The families are Checkbox,
-Checkboxes, Dropdown, File, IconText, the menu's `.menu-item`, Message, Modal's root and close
+Checkboxes, Dropdown, File, the menu's `.menu-item`, Message, Modal's root and close
 button, the navbar's burger and dropdown link, the panel's icon, Radio and Radios.
 
 ## Classes left alone
diff --git a/skills/bestax-migrate/references/bulma-classes/unmappables.md b/skills/bestax-migrate/references/bulma-classes/unmappables.md
index e04d84f20..c95397f6e 100644
--- a/skills/bestax-migrate/references/bulma-classes/unmappables.md
+++ b/skills/bestax-migrate/references/bulma-classes/unmappables.md
@@ -140,6 +140,16 @@ requires children.
 On a `.pagination-ellipsis`, `Pagination.Ellipsis` renders its own `…` whatever it's given, so the
 element converts only holding exactly that (`&hellip;` or the character), and closes itself.
 
+On an `.icon-text`, `IconText` builds its icons from props and wraps each text in a `<span>` of
+its own, so it converts only when its children are `.icon`s, each followed by at most one bare
+`<span>` of static text. Each `.icon` has to convert to `Icon` on its own, so one with no
+`aria-label` gets a `defaults:Icon` TODO of its own first: give it one that says what the icon
+means, then re-run. Its `<i>` has to be bare and empty and name one Font Awesome or Material Design
+Icons glyph, so an `aria-hidden` on the `<i>`, another icon font, or anything between the children
+keeps it as markup, and the `.icon`s inside convert on their own. The markup renders the same as
+it is; to use `IconText` anyway, write it by hand with `iconProps={{ name: ... }}` (the
+`bestax-icons` skill covers `Icon`'s library and name props).
+
 On a `.skeleton-lines`, `Skeleton` renders the children itself: `lines` bare, empty `<div>`s. So
 the element converts only when its children are just that, and a class, an attribute, text or a
 comment in one of them, or anything else beside them, keeps it as markup. Keep it if the
@@ -268,9 +278,6 @@ in the browser:
   page has to look the same, keep `Modal` rather than `Dialog` or `Toast`: those render
   bestax's own `.dialog` and `.toast` markup, which Bulma's stylesheet doesn't style.
 - **`family:dropdown`**: `Dropdown` renders its own trigger and menu from props.
-- **`family:icon-text`**: `IconText` builds its icon from `iconProps` and wraps its text in a
-  `<span>`, so rebuild it from its docs. The `.icon`s inside convert on their own. See the
-  `bestax-icons` skill for `Icon`'s library and name props.
 - **`family:menu-item`**: Bulma styles an item as `.menu-list a`, `.menu-list button` or
   `.menu-list .menu-item`, the last for an item on any other tag. `Menu.Item` renders the element
   inside its `<li>` with no class but `is-active`, and puts its `className` on the `<li>`, so the