diff --git a/plugin.xml b/plugin.xml
index 27d405f..5c7f87d 100644
--- a/plugin.xml
+++ b/plugin.xml
@@ -61,6 +61,7 @@
         <source-file src="src/ios/VideoCallingViewController.m"/>
 
         <resource-file src="src/ios/VideoCallingViewController.xib"/>
+        <resource-file src="src/ios/iconfont.ttf"/>
 
         <podspec>
             <config>
diff --git a/src/ios/VideoCallingViewController.m b/src/ios/VideoCallingViewController.m
index d4541af..a616d8a 100755
--- a/src/ios/VideoCallingViewController.m
+++ b/src/ios/VideoCallingViewController.m
@@ -42,6 +42,9 @@ static const NSInteger maxRemoteUserNum = 7;
 @interface VideoCallingViewController ()<TRTCCloudDelegate>
 
 @property (weak, nonatomic) IBOutlet UIButton *backButton;
+@property (weak, nonatomic) IBOutlet UIButton *micButton;
+@property (weak, nonatomic) IBOutlet UIButton *spakeButton;
+@property (weak, nonatomic) IBOutlet UIButton *camareButton;
 @property (weak, nonatomic) IBOutlet UIButton *subVisibleButton;
 @property (weak, nonatomic) IBOutlet UIButton *viewRotateButton;
 @property (strong, nonatomic) IBOutletCollection(UIView) NSArray *remoteViewArr;
@@ -133,6 +136,21 @@ static const NSInteger maxRemoteUserNum = 7;
 
 - (void)setupDefaultUIConfig {
     NSLog(@"TRTC - setupDefaultUIConfig:::::");
+//    UIFont*font = [UIFont  size:24];
+
+//    NSMutableAttributedString *attributedStr = [[NSMutableAttributedString alloc] initWithString:@"\U0000e679" attributes: @{NSFontAttributeName:font}];
+//    [_backButton setFont:(API_DEPRECATED("Specify an attributed title with a custom font", ios(2.0, 3.0)) UIFont *)]
+//    [_backButton setAttributedTitle:attributedStr  forState:UIControlStateNormal];
+//    self.backButton.titleLabel.font = ;
+    [_backButton setTitle:@"\U0000e679" forState:UIControlStateNormal];
+    [_micButton setTitle:@"\U0000e67a" forState:UIControlStateNormal];
+    [_micButton setTitle:@"\U0000e658" forState:UIControlStateSelected];
+    [_spakeButton setTitle:@"\U0000e664" forState:UIControlStateNormal];
+    [_spakeButton setTitle:@"\U0000e775" forState:UIControlStateSelected];
+    [_camareButton setTitle:@"\U0000e824" forState:UIControlStateNormal];
+    [_subVisibleButton setTitle:@"\U0000e695" forState:UIControlStateNormal];
+    [_subVisibleButton setTitle:@"\U0000e81a" forState:UIControlStateSelected];
+    [_viewRotateButton setTitle:@"\U0000e657" forState:UIControlStateNormal];
     _displayLabel.text = @"我";
     _displayLabel.hidden = NO;
     _rotation = 0;
diff --git a/src/ios/VideoCallingViewController.xib b/src/ios/VideoCallingViewController.xib
index 60fbb93..df42f81 100755
--- a/src/ios/VideoCallingViewController.xib
+++ b/src/ios/VideoCallingViewController.xib
@@ -7,10 +7,19 @@
         <capability name="Safe area layout guides" minToolsVersion="9.0"/>
         <capability name="documents saved in the Xcode 8 format" minToolsVersion="8.0"/>
     </dependencies>
+    <customFonts key="customFonts">
+        <array key="iconfont.ttf">
+            <string>iconfont</string>
+        </array>
+    </customFonts>
     <objects>
         <placeholder placeholderIdentifier="IBFilesOwner" id="-1" userLabel="File's Owner" customClass="VideoCallingViewController">
             <connections>
+                <outlet property="backButton" destination="rzV-fr-mUd" id="jsi-OX-Fbp"/>
+                <outlet property="camareButton" destination="S9T-PM-Hhz" id="KA2-ov-Mnw"/>
                 <outlet property="displayLabel" destination="YvU-M3-dYi" id="51r-fe-mFR"/>
+                <outlet property="micButton" destination="cqv-YF-v7M" id="FbY-rW-BlF"/>
+                <outlet property="spakeButton" destination="iNs-1U-f8V" id="8O5-1H-dOv"/>
                 <outlet property="subVisibleButton" destination="qp6-PK-LBy" id="eyH-u5-0dn"/>
                 <outlet property="view" destination="i5M-Pr-FkT" id="sfx-zR-JGt"/>
                 <outlet property="viewRotateButton" destination="rF6-xK-afO" id="cn9-hg-AYV"/>
@@ -204,16 +213,16 @@
                         <constraint firstAttribute="height" constant="160" id="Ydt-pt-cM4"/>
                     </constraints>
                 </view>
-                <button opaque="NO" contentMode="scaleToFill" contentHorizontalAlignment="center" contentVerticalAlignment="center" buttonType="system" lineBreakMode="middleTruncation" translatesAutoresizingMaskIntoConstraints="NO" id="rzV-fr-mUd">
-                    <rect key="frame" x="0.0" y="0.0" width="41" height="31"/>
-                    <state key="normal" title="Button"/>
-                    <buttonConfiguration key="configuration" style="plain" image="chevron.backward" catalog="system" title=" "/>
+                <button opaque="NO" contentMode="scaleToFill" contentHorizontalAlignment="center" contentVerticalAlignment="center" lineBreakMode="middleTruncation" translatesAutoresizingMaskIntoConstraints="NO" id="rzV-fr-mUd">
+                    <rect key="frame" x="0.0" y="0.0" width="30" height="36"/>
+                    <fontDescription key="fontDescription" name="iconfont" family="iconfont" pointSize="24"/>
+                    <state key="normal" title=""/>
                     <connections>
                         <action selector="onBackClick:" destination="-1" eventType="touchUpInside" id="aV2-bn-bDv"/>
                     </connections>
                 </button>
                 <stackView opaque="NO" contentMode="scaleAspectFit" translatesAutoresizingMaskIntoConstraints="NO" id="XCN-Qr-goF">
-                    <rect key="frame" x="82" y="666" width="250" height="50"/>
+                    <rect key="frame" x="107" y="666" width="200" height="50"/>
                     <subviews>
                         <button opaque="NO" contentMode="scaleToFill" selected="YES" contentHorizontalAlignment="center" contentVerticalAlignment="center" lineBreakMode="middleTruncation" translatesAutoresizingMaskIntoConstraints="NO" id="cqv-YF-v7M">
                             <rect key="frame" x="0.0" y="0.0" width="50" height="50"/>
@@ -221,14 +230,8 @@
                                 <constraint firstAttribute="width" constant="50" id="dwe-bq-Wq8"/>
                                 <constraint firstAttribute="height" constant="50" id="iQf-fV-QIk"/>
                             </constraints>
-                            <fontDescription key="fontDescription" type="system" pointSize="36"/>
-                            <inset key="imageEdgeInsets" minX="0.0" minY="0.0" maxX="2.2250738585072014e-308" maxY="0.0"/>
-                            <state key="normal" image="mic.slash" catalog="system">
-                                <preferredSymbolConfiguration key="preferredSymbolConfiguration" scale="large"/>
-                            </state>
-                            <state key="selected" image="mic" catalog="system">
-                                <preferredSymbolConfiguration key="preferredSymbolConfiguration" scale="large"/>
-                            </state>
+                            <fontDescription key="fontDescription" name="iconfont" family="iconfont" pointSize="24"/>
+                            <state key="normal" title=""/>
                             <connections>
                                 <action selector="onMicCaptureClick:" destination="-1" eventType="touchUpInside" id="74S-01-YUi"/>
                             </connections>
@@ -238,13 +241,8 @@
                             <constraints>
                                 <constraint firstAttribute="width" constant="50" id="N3O-bv-Nk0"/>
                             </constraints>
-                            <inset key="imageEdgeInsets" minX="0.0" minY="0.0" maxX="2.2250738585072014e-308" maxY="0.0"/>
-                            <state key="normal" image="speaker.wave.2" catalog="system">
-                                <preferredSymbolConfiguration key="preferredSymbolConfiguration" scale="large"/>
-                            </state>
-                            <state key="selected" image="ear" catalog="system">
-                                <preferredSymbolConfiguration key="preferredSymbolConfiguration" scale="large"/>
-                            </state>
+                            <fontDescription key="fontDescription" name="iconfont" family="iconfont" pointSize="24"/>
+                            <state key="normal" title=""/>
                             <connections>
                                 <action selector="onSwitchSpeakerClick:" destination="-1" eventType="touchUpInside" id="QhV-mp-sQc"/>
                             </connections>
@@ -254,13 +252,8 @@
                             <constraints>
                                 <constraint firstAttribute="width" constant="50" id="PuT-SC-nBb"/>
                             </constraints>
-                            <inset key="imageEdgeInsets" minX="0.0" minY="0.0" maxX="2.2250738585072014e-308" maxY="0.0"/>
-                            <state key="normal" image="camera.rotate" catalog="system">
-                                <preferredSymbolConfiguration key="preferredSymbolConfiguration" scale="large"/>
-                            </state>
-                            <state key="selected" image="camera.rotate" catalog="system">
-                                <preferredSymbolConfiguration key="preferredSymbolConfiguration" scale="large"/>
-                            </state>
+                            <fontDescription key="fontDescription" name="iconfont" family="iconfont" pointSize="24"/>
+                            <state key="normal" title=""/>
                             <connections>
                                 <action selector="onSwitchCameraClick:" destination="-1" eventType="touchUpInside" id="oQG-9m-ga4"/>
                             </connections>
@@ -270,26 +263,19 @@
                             <constraints>
                                 <constraint firstAttribute="width" constant="50" id="U8G-VC-E4h"/>
                             </constraints>
-                            <inset key="imageEdgeInsets" minX="0.0" minY="0.0" maxX="2.2250738585072014e-308" maxY="0.0"/>
-                            <state key="normal" image="eye.slash" catalog="system">
-                                <preferredSymbolConfiguration key="preferredSymbolConfiguration" scale="large"/>
-                            </state>
-                            <state key="selected" image="eye" catalog="system">
-                                <preferredSymbolConfiguration key="preferredSymbolConfiguration" scale="large"/>
-                            </state>
+                            <fontDescription key="fontDescription" name="iconfont" family="iconfont" pointSize="24"/>
+                            <state key="normal" title=""/>
                             <connections>
                                 <action selector="onSubVisibleChange:" destination="-1" eventType="touchUpInside" id="ZHg-NL-PVq"/>
                             </connections>
                         </button>
-                        <button opaque="NO" contentMode="scaleToFill" enabled="NO" contentHorizontalAlignment="center" contentVerticalAlignment="center" lineBreakMode="middleTruncation" translatesAutoresizingMaskIntoConstraints="NO" id="rF6-xK-afO">
+                        <button hidden="YES" opaque="NO" contentMode="scaleToFill" enabled="NO" contentHorizontalAlignment="center" contentVerticalAlignment="center" lineBreakMode="middleTruncation" translatesAutoresizingMaskIntoConstraints="NO" id="rF6-xK-afO">
                             <rect key="frame" x="200" y="0.0" width="50" height="50"/>
                             <constraints>
                                 <constraint firstAttribute="width" constant="50" id="xJB-cA-Wjz"/>
                             </constraints>
-                            <inset key="imageEdgeInsets" minX="0.0" minY="0.0" maxX="2.2250738585072014e-308" maxY="0.0"/>
-                            <state key="normal" title=" " image="rotate.right" catalog="system">
-                                <preferredSymbolConfiguration key="preferredSymbolConfiguration" scale="large"/>
-                            </state>
+                            <fontDescription key="fontDescription" name="iconfont" family="iconfont" pointSize="24"/>
+                            <state key="normal" title=""/>
                             <connections>
                                 <action selector="onVideoRotate:" destination="-1" eventType="touchUpInside" id="isy-8q-IGB"/>
                             </connections>
@@ -328,15 +314,4 @@
             <point key="canvasLocation" x="137.68115942028987" y="123.91304347826087"/>
         </view>
     </objects>
-    <resources>
-        <image name="camera.rotate" catalog="system" width="128" height="94"/>
-        <image name="chevron.backward" catalog="system" width="96" height="128"/>
-        <image name="ear" catalog="system" width="105" height="128"/>
-        <image name="eye" catalog="system" width="128" height="81"/>
-        <image name="eye.slash" catalog="system" width="128" height="86"/>
-        <image name="mic" catalog="system" width="108" height="128"/>
-        <image name="mic.slash" catalog="system" width="108" height="128"/>
-        <image name="rotate.right" catalog="system" width="118" height="128"/>
-        <image name="speaker.wave.2" catalog="system" width="128" height="90"/>
-    </resources>
 </document>
diff --git a/src/ios/iconfont.ttf b/src/ios/iconfont.ttf
new file mode 100644
index 0000000..0412344
Binary files /dev/null and b/src/ios/iconfont.ttf differ