How to use Tabler Icons in your React Native project?

Hi there,

Today, I will show you how to implement Tabler Icons in your React Native project. First of all, we need to add the tabler-react-native package to our project.

yarn add tabler-react-native

And that's it. Later, we can use Tabler Icons just like the official React package.

import { IconArrowLeft } from 'tabler-react-native/icons';

const App = () => {
  return (
    <View>
      <IconArrowLeft />
    </View>
  );
};
export default App;

You can pass additional props to adjust the icon.

<IconArrowLeft color="red" size={48} size={2} />

Here is the full list of icons: Tabler Icons

This is the React Native Tabler Icons package: react-native-tabler

Thanks for reading 😊

Comments

[Alexis Parisy]

Can you use css color for the Icon color ? I see you can use hex/rgb and other color model im not sure about css-color-variable ?