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!
Usage
...
import { Icon } from 'react-native-material-design';
render() {
return (
<Icon name="menu" color="rgba(255,0,0,.9)" />
);
}
...
Props
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 |