From 8778d2f512801fc514f0cdd573921b50d86d05b5 Mon Sep 17 00:00:00 2001
From: Roy Fang <rofang@microsoft.com>
Date: Thu, 21 Aug 2025 14:00:28 -0700
Subject: [PATCH 1/2] Swap chevron to balloon to avoid icon confusion

---
 .../Button/ButtonIconTestSection.tsx               | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/apps/fluent-tester/src/TestComponents/Button/ButtonIconTestSection.tsx b/apps/fluent-tester/src/TestComponents/Button/ButtonIconTestSection.tsx
index 66735ed8b9..1c5a750955 100644
--- a/apps/fluent-tester/src/TestComponents/Button/ButtonIconTestSection.tsx
+++ b/apps/fluent-tester/src/TestComponents/Button/ButtonIconTestSection.tsx
@@ -8,7 +8,7 @@ import { testImage, svgProps, iconProps } from '../Common/iconExamples';
 import { commonTestStyles, testContentRootViewStyle } from '../Common/styles';
 
 const styles = StyleSheet.create({
-  chevron: { paddingStart: 4 },
+  balloon: { paddingStart: 4 },
 });
 
 export const ButtonIconTest: React.FunctionComponent = () => {
@@ -20,9 +20,9 @@ export const ButtonIconTest: React.FunctionComponent = () => {
 
   const svgIconsEnabled = ['ios', 'macos', 'win32', 'android'].includes(Platform.OS as string);
 
-  const chevronXml = `
-          <svg width="12" height="16" viewBox="0 0 11 6" color="#000">
-            <path fill='currentColor' d='M0.646447 0.646447C0.841709 0.451184 1.15829 0.451184 1.35355 0.646447L5.5 4.79289L9.64645 0.646447C9.84171 0.451185 10.1583 0.451185 10.3536 0.646447C10.5488 0.841709 10.5488 1.15829 10.3536 1.35355L5.85355 5.85355C5.65829 6.04882 5.34171 6.04882 5.14645 5.85355L0.646447 1.35355C0.451184 1.15829 0.451184 0.841709 0.646447 0.646447Z' />
+  const balloonXml = `
+          <svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+            <path d="M5.00498 3.4296C5.04386 3.15621 5.29701 2.9661 5.5704 3.00498C6.30797 3.10988 6.89039 3.69171 6.9962 4.42897C7.03543 4.70232 6.84564 4.9557 6.5723 4.99493C6.29896 5.03416 6.04557 4.84437 6.00634 4.57103C5.96366 4.27364 5.7271 4.03733 5.4296 3.99502C5.15621 3.95614 4.9661 3.70299 5.00498 3.4296ZM2 4.36364C2 2.48429 3.58918 1 5.5 1C7.41082 1 9 2.48429 9 4.36364C9 5.59911 8.53933 6.7387 7.8958 7.57241C7.38607 8.23279 6.71092 8.76136 6 8.93727V9.39999C6 9.62091 6.17909 9.79999 6.4 9.79999H7.60001C8.37321 9.79999 9.00001 10.4268 9.00001 11.2V11.5C9.00001 11.7761 8.77615 12 8.50001 12C8.22386 12 8.00001 11.7761 8.00001 11.5V11.2C8.00001 10.9791 7.82092 10.8 7.60001 10.8H6.4C5.6268 10.8 5 10.1732 5 9.39999V8.93735C4.28929 8.7617 3.61415 8.23398 3.10428 7.57379C2.4606 6.74035 2 5.60069 2 4.36364ZM5.5 2C4.09711 2 3 3.0799 3 4.36364C3 5.35685 3.37273 6.28538 3.89572 6.96255C4.43393 7.65943 5.05441 8 5.5 8C5.94529 8 6.56577 7.65894 7.1042 6.96139C7.62734 6.28363 8 5.35505 8 4.36364C8 3.0799 6.90289 2 5.5 2Z" fill="#212121"/>
           </svg>`;
 
   return (
@@ -61,9 +61,9 @@ export const ButtonIconTest: React.FunctionComponent = () => {
       </Button>
       {svgIconsEnabled && (
         <Button style={commonTestStyles.vmargin} icon={iconProps}>
-          Icon Button and Chevron
-          <View style={styles.chevron}>
-            <SvgXml xml={chevronXml} />
+          Icon Button and Balloon
+          <View style={styles.balloon}>
+            <SvgXml xml={balloonXml} />
           </View>
         </Button>
       )}

From 76538f6124f6e4827f9c8eb07bcb7272909bb667 Mon Sep 17 00:00:00 2001
From: Roy Fang <rofang@microsoft.com>
Date: Thu, 21 Aug 2025 14:21:40 -0700
Subject: [PATCH 2/2] Change files

---
 ...native-tester-3a0dc7bc-77d3-441d-9410-56f8bc480e9b.json | 7 +++++++
 1 file changed, 7 insertions(+)
 create mode 100644 change/@fluentui-react-native-tester-3a0dc7bc-77d3-441d-9410-56f8bc480e9b.json

diff --git a/change/@fluentui-react-native-tester-3a0dc7bc-77d3-441d-9410-56f8bc480e9b.json b/change/@fluentui-react-native-tester-3a0dc7bc-77d3-441d-9410-56f8bc480e9b.json
new file mode 100644
index 0000000000..2388173617
--- /dev/null
+++ b/change/@fluentui-react-native-tester-3a0dc7bc-77d3-441d-9410-56f8bc480e9b.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "Swap chevron to balloon to avoid icon confusion",
+  "packageName": "@fluentui-react-native/tester",
+  "email": "rofang@microsoft.com",
+  "dependentChangeType": "patch"
+}