title: How to change MaterialCommunityIcons to my own icon React Native // TabNavigator
body: <p>Im beginner in react native and I would like to use my own icon:</p>
  
  <p><strong><em>(assets/user.png)</em></strong></p>
  
  <p>Just exchange MaterialCommunityIcons to my own. React Native 5.x</p>
  
  <p>But I have no idea how to do this...</p>
  
  <p>Here's code: </p>
  
  <pre><code>        &lt;Tab.Navigator
                             activeColor="#3e2465"
                             inactiveColor="#8366ae"
                             barStyle={{ backgroundColor: '#f1eded' }}
              &gt;
                  &lt;Tab.Screen name="Home"
                              component={Map}
                              options={{
                                  tabBarLabel: 'Map',
                                  tabBarIcon: ({ color }) =&gt; (
                                      &lt;MaterialCommunityIcons name="map" color={color} size={26} /&gt;
                                      ),
                              }}
                  /&gt;
                  &lt;Tab.Screen name="Login"
                              component={EventList}
                              options={{
                                  tabBarLabel: 'EventList',
                                  tabBarIcon: ({ color }) =&gt; (
                                      &lt;MaterialCommunityIcons name="cup" color={color} size={26} /&gt;
                                      ),
                              }}
                  /&gt;
                  &lt;Tab.Screen name="Logi1n"
                              component={Profile}
                              options={{
                                  tabBarLabel: 'Profile',
                                  tabBarIcon: ({ color }) =&gt; (
                                      &lt;MaterialCommunityIcons name="account-box-outline" color={color} size={26} /&gt;
                                      ),
                              }}
                  /&gt;
              &lt;/Tab.Navigator&gt;
  </code></pre>