Link to icons documentation for custom header and tab bars

Author: satya164

versioned_docs/version-8.x/bottom-tab-navigator.md

@@ -296,6 +296,8 @@ function MyTabBar({ navigation }) {
 }
 ```
 
+Also see [icons documentation](icons.md) to use system icons such as [`SF Symbols`](https://developer.apple.com/sf-symbols/) and [Material Design Icons](https://material.io/resources/icons/) in your custom tab bar.
+
 ### Options
 
 The following [options](screen-options.md) can be used to configure the screens in the navigator. These can be specified under `screenOptions` prop of `Tab.Navigator` or `options` prop of `Tab.Screen`.

versioned_docs/version-8.x/drawer-navigator.md

@@ -595,6 +595,8 @@ header: ({ navigation, route, options }) => {
 };
 ```
 
+Also see [icons documentation](icons.md) to use system icons such as [`SF Symbols`](https://developer.apple.com/sf-symbols/) and [Material Design Icons](https://material.io/resources/icons/) in your custom header.
+
 To set a custom header for all the screens in the navigator, you can specify this option in the `screenOptions` prop of the navigator.
 
 ##### Specify a `height` in `headerStyle`

versioned_docs/version-8.x/material-top-tab-navigator.md

@@ -310,6 +310,8 @@ function MyTabBar({ navigation }) {
 }
 ```
 
+Also see [icons documentation](icons.md) to use system icons such as [`SF Symbols`](https://developer.apple.com/sf-symbols/) and [Material Design Icons](https://material.io/resources/icons/) in your custom tab bar.
+
 ### Options
 
 The following [options](screen-options.md) can be used to configure the screens in the navigator:

versioned_docs/version-8.x/native-stack-navigator.md

@@ -1262,6 +1262,8 @@ header: ({ navigation, route, options, back }) => {
 
 To set a custom header for all the screens in the navigator, you can specify this option in the `screenOptions` prop of the navigator.
 
+Also see [icons documentation](icons.md) to use system icons such as [`SF Symbols`](https://developer.apple.com/sf-symbols/) and [Material Design Icons](https://material.io/resources/icons/) in your custom header.
+
 Note that if you specify a custom header, the native functionality such as large title, search bar etc. won't work.
 
 ### Events

versioned_docs/version-8.x/stack-navigator.md

@@ -283,6 +283,8 @@ header: ({ navigation, route, options, back }) => {
 
 To set a custom header for all the screens in the navigator, you can specify this option in the `screenOptions` prop of the navigator.
 
+Also see [icons documentation](icons.md) to use system icons such as [`SF Symbols`](https://developer.apple.com/sf-symbols/) and [Material Design Icons](https://material.io/resources/icons/) in your custom header.
+
 When using a custom header, there are 2 things to keep in mind:
 
 ##### Specify a `height` in `headerStyle` to avoid glitches