Links to icons colors from colors utilities

site/content/docs/5.3/utilities/colors.md

@@ -21,6 +21,7 @@ Please refer to our [Orange's colors]({{< docsref "/utilities/colors#oranges-col
 {{< /design-callout-alert >}}
 
 Colorize text with color utilities. If you want to colorize links, you can use the [`.link-*` helper classes]({{< docsref "/helpers/colored-links" >}}) which have `:hover` and `:focus` states.
+If you want to colorize icons, see [icons documentation]({{< docsref "extend/icons#modify-icons-color"" >}}).
 
 {{< callout info >}}
 Color utilities like `.text-*` that generated from our original `$theme-colors` Sass map don't yet respond to color modes, however, any `.text-*-emphasis` utility will. This will be resolved in v6.
@@ -66,6 +67,8 @@ The `.text-primary` color on dark background (`#ff7900`) can be used in any size
 When the interface allows to switch between light and dark backgrounds, the light mode stricter restrictions must be applied!
 {{< /callout >}}
 
+Go to [icons documentation]({{< docsref "extend/icons#modify-icons-color"" >}}) to see how to use text utilities with icons.
+
 Here are some compliant combinations examples for texts:
 
 {{< example >}}
@@ -90,8 +93,6 @@ Here are some compliant combinations examples for texts:
 </div>
 {{< /example >}}
 
-Go to [icons documentation]({{< docsref "extend/icons" >}}) to see how to use text utilities with icons.
-
 <!-- End mod -->
 
 ## Opacity