[RN] Use a handset icon for audio-only mode button

react/features/toolbox/components/Toolbox.native.js

@@ -212,8 +212,8 @@ class Toolbox extends Component {
                     style = { style }
                     underlayColor = { underlayColor } />
                 <ToolbarButton
-                    iconName = 'star'
+                    iconName = 'hangup'
-                    iconStyle = { iconStyle }
+                    iconStyle = { styles.audioOnlyIcon }
                     onClick = { this.props._onToggleAudioOnly }
                     style = { style }
                     underlayColor = { underlayColor } />

react/features/toolbox/components/styles.js

@@ -67,6 +67,15 @@ const toolbar = {
  * The (conference) Toolbox/Toolbar related styles.
  */
 export const styles = createStyleSheet({
+    /**
+     * The audio only (secondary) toolbar icon style.
+     */
+    audioOnlyIcon: {
+        ...smallIcon,
+        color: ColorPalette.white,
+        transform: [ { rotate: '135deg' } ]
+    },
+
     /**
      * The toolbar button icon style.
      */
@@ -115,6 +124,14 @@ export const styles = createStyleSheet({
         opacity: 0.7
     },
 
+    /**
+     * The secondary toolbar icon style.
+     */
+    secondaryToolbarIcon: {
+        ...smallIcon,
+        color: ColorPalette.white
+    },
+
     /**
      * The style of the root/top-level Container of Toolbar that contains
      * toolbars.
@@ -133,13 +150,5 @@ export const styles = createStyleSheet({
     whiteIcon: {
         ...icon,
         color: ColorPalette.white
-    },
-
-    /**
-     * The secondary toolbar icon style.
-     */
-    secondaryToolbarIcon: {
-        ...smallIcon,
-        color: ColorPalette.white
     }
 });