# Material community icons do not show in react native

**URL:** <https://forum.codewithmosh.com/t/material-community-icons-do-not-show-in-react-native/4961>\
**Category:** React Native\
**Created:** [May 18, 2021, 7:07am UTC](https://forum.codewithmosh.com/t/material-community-icons-do-not-show-in-react-native/4961 "2021-05-18T07:07:12Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![vg589](https://avatars.discourse-cdn.com/v4/letter/v/919ad9/32.png) [@vg589](https://forum.codewithmosh.com/u/vg589)\
**Post date:** [May 18, 2021, 7:07am UTC](https://forum.codewithmosh.com/t/material-community-icons-do-not-show-in-react-native/4961/1 "2021-05-18T07:07:12Z")

</div>

import React from ‘react’

import { View , StyleSheet, SafeAreaView ,FlatList} from ‘react-native’

import Icon from ‘…/components/Icon’

import ListItem from ‘…/components/lists/ListItem’

import colors from ‘…/config/colors’

import Screen from “…/components/Screen”

import ListItemSeperator from ‘…/components/lists/ListItemSeperator’

const menuItems = [

```
{

    title: "My Listings", 

    icon: {

        name: "format-list-bulleted",

        backgroundColor: colors.primary,

}

```

},

{

```
    title: "My Messages",

    icon: {

        name: "email",

        backgroundColor: colors.secondary,

    }

}

```

]

function AccountScreen(props) {

```
return (

 <Screen style={styles.body}>

     <View style={styles.container}>

     <ListItem 

     title="Veraat Gupta"

     subTitle="guptasgurgaon@gmail.com"

     image={require("../assets/mosh.jpg")}

     />

     </View>

     <View style={styles.container}>

        <FlatList 

        data={menuItems}

        keyExtractor={menuItem => menuItem.title}

        ItemSeparatorComponent={ListItemSeperator}

        renderItem= {({ item }) => 

            <ListItem 

            title={item.title}

            ImageComponent={

                <Icon 

                name= {item.icon.name}

                backgroundColor= {item.icon.backgroundColor}

                size= {46}/>

            }

            

            />

        }

        />

     </View>

     <View style={styles.container}>

     <ListItem 

            title= "Logout"

            ImageComponent={

                <Icon

                name= "logout"

                backgroundColor= {colors.log_out}

                size={46}/>

            }

            />

     </View>

 </Screen>

)

```

}

const styles = StyleSheet.create({

```
container: {

    marginHorizontal: 0 ,

    padding:0,

    marginVertical: 20,

    width: "100%",

},

body: {

    backgroundColor: colors.light,

},

user:{

    width: "100%",

},

listing: {

    backgroundColor: colors.white,

    

}

```

})

export default AccountScreen

---

<div class="post-metadata">

**Author:** ![vg589](https://avatars.discourse-cdn.com/v4/letter/v/919ad9/32.png) [@vg589](https://forum.codewithmosh.com/u/vg589)\
**Post date:** [May 18, 2021, 7:07am UTC](https://forum.codewithmosh.com/t/material-community-icons-do-not-show-in-react-native/4961/2 "2021-05-18T07:07:41Z")

</div>

a image [https://photos.google.com/share/AF1QipNNsjIDB5SgHSiKXCf89DODn8yoZc54EgAqjVBk7u\_UyAHGB3YK4b20t2EXd6g-tA?key=VUtySXd1NGt3NWt6dEFzS3JWdWxtbjJoTWZQUHNR](https://photos.google.com/share/AF1QipNNsjIDB5SgHSiKXCf89DODn8yoZc54EgAqjVBk7u_UyAHGB3YK4b20t2EXd6g-tA?key=VUtySXd1NGt3NWt6dEFzS3JWdWxtbjJoTWZQUHNR)

---

<div class="post-metadata">

**Author:** ![dpickut](https://avatars.discourse-cdn.com/v4/letter/d/a87d85/32.png) [@dpickut](https://forum.codewithmosh.com/u/dpickut)\
**Post date:** [May 19, 2021, 6:08pm UTC](https://forum.codewithmosh.com/t/material-community-icons-do-not-show-in-react-native/4961/3 "2021-05-19T18:08:35Z")

</div>

Your code looks good. Are you sure Icon.js is importing the correct library?

> import { MaterialCommunityIcons } from “@expo/vector-icons”;

---

<div class="post-metadata">

**Author:** ![vg589](https://avatars.discourse-cdn.com/v4/letter/v/919ad9/32.png) [@vg589](https://forum.codewithmosh.com/u/vg589)\
**Post date:** [May 20, 2021, 5:36am UTC](https://forum.codewithmosh.com/t/material-community-icons-do-not-show-in-react-native/4961/4 "2021-05-20T05:36:26Z")

</div>

not showing till now

---

<div class="post-metadata">

**Author:** ![vg589](https://avatars.discourse-cdn.com/v4/letter/v/919ad9/32.png) [@vg589](https://forum.codewithmosh.com/u/vg589)\
**Post date:** [May 20, 2021, 5:41am UTC](https://forum.codewithmosh.com/t/material-community-icons-do-not-show-in-react-native/4961/5 "2021-05-20T05:41:12Z")

</div>

no icon is showing in my app @JerryC can you help