How to use Tabler Icons in your React Native project?

burakgur

Burak Gür

Posted on February 4, 2024

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
Enter fullscreen mode Exit fullscreen mode

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;
Enter fullscreen mode Exit fullscreen mode

You can pass additional props to adjust the icon.

<IconArrowLeft color="red" size={48} size={2} />
Enter fullscreen mode Exit fullscreen mode

Here is the full list of icons: Tabler Icons

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

Thanks for reading 😊

💖 💪 🙅 🚩
burakgur
Burak Gür

Posted on February 4, 2024

Join Our Newsletter. No Spam, Only the good stuff.

Sign up to receive the latest update from our blog.

Related