tabler-icons/packages/icons-react-native

Tabler Icons for React Native

Implementation of the Tabler Icons library for React Native applications.

Browse all icons at tabler.io →

Sponsors

If you want to support our project and help us grow it, you can become a sponsor on GitHub or donate on PayPal.

Installation

npm install @tabler/icons-react-native

yarn add @tabler/icons-react-native

pnpm add @tabler/icons-react-native

The package requires react-native-svg 13 or newer as a peer dependency.

You can also download the latest release from GitHub.

Usage

The package is built with ES modules, so unused icons are tree-shaken from your bundle. Each icon is exported as a component that renders with react-native-svg.

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

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

export default App;

Pass props to adjust the icon:

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

Props

Name	Type	Default	Description
size	_number	string_	24
color	string	currentColor	Stroke color for outline icons, fill color for filled icons
strokeWidth	_number	string_	2
title	string	–	Accessibility label read by screen readers (sets accessible, accessibilityRole="image" and accessibilityLabel on the Svg)

Any other prop is forwarded to the underlying Svg component. Components forward refs and ship with TypeScript declarations.

Contributing

Bug reports and icon requests are welcome in the issue tracker. Caught a mistake in this page? Edit it on GitHub.

License

Tabler Icons is licensed under the MIT License.