Document configuration for material symbols

Author: satya164

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

@@ -571,6 +571,37 @@ The icon object can be one of the following types:
   }
   ```
 
+  It also supports the following optional properties:
+  - `variant` - Supported values: `outlined`, `rounded`, `sharp`
+  - `weight` - Supported values: `100`, `200`, `300`, `400`, `500`, `600`, `700`
+
+  To avoid bundling all the Material Symbols icons in your app, only the `outlined` variant and `400` weight are included by default. To use a different variant and weight, you can customize the font by setting a `"react-navigation"` key in your app's `package.json`:
+
+  ```json
+  "react-navigation": {
+    "material-symbols": {
+      "fonts": [
+        {
+          "variant": "rounded",
+          "weights": [300]
+        }
+      ]
+    }
+  }
+  ```
+
+  You don't need to specify `variant` and `weight` in the `tabBarIcon` option if you only include one variant and weight. The available variant and weight will be used automatically.
+
+  If you don't use Material Symbols and want to reduce your app size, you can also disable the font entirely by specifying an empty array for `fonts`:
+
+  ```json
+  "react-navigation": {
+    "material-symbols": {
+      "fonts": []
+    }
+  }
+  ```
+
 - [Drawable resource](https://developer.android.com/guide/topics/resources/drawable-resource) name - Supported on Android
 
   ```js