Icon View Source

The icon component renders a single MaterialIcon. Since the icons are in a font format, they can be sized and colored without losing quality.

Want an interactive icon? Check out the Icon Button!


import { Icon } from 'react-native-material-design';

render() {
    return (
        <Icon name="menu" color="rgba(255,0,0,.9)" />


Prop Type Description Required Default
name string The MaterialIcon name true
style object Any additional styles to be rendered with the icon false
size number The width & height the icon will be rendered at false 30
color string The color of the icon false #757575