1.0.3 • Published 9 months ago
@elmaurer/react-native-remix-icon v1.0.3
react-native-remix-icon
this icon set includes all icons from the latest remix icon set (4.6.0)
Requirements
this package depends on react-native-svg, therefor install the latest version of react-native-svg
npm:
npm i react-native-svgyarn:
yarn add react-native-svgUsage
Icon Component
import {Icon} from "@elmaurer/react-native-remix-icon";
const Component = () => {
return (<Icon name={'account-box-fill'}/>)
};IconProps
the interface extends from SvgProps, which comes from react-native-svg
| Name | Description | Type | Default |
|---|---|---|---|
| name | exact same name like remix icon has | IconName | - |
| color | fills the icon with the given color | string | #000 |
| size | sets width and height to given value | number | 24 |
Individual Icon Component
this solution uses the SvgProps interface aswell, with a default color of #000
import {ArrowLeftSLine} from "@elmaurer/react-native-remix-icon";
const Component = () => {
return (<ArrowLeftSLine/>)
};