react-native-akar-icons

react-native-akar-icons

This is a library compatible with React Native of the Akar Icons library. Please explore all the icons at akaricons.com.

The author of this package, is not the author of the Ankar Icons library. For any request of new icons, please visit Ankar Icons original repository.

Get Started

1. Installation

Install with npm:

npm install --save react-native-akar-icons

2. Usage

Import the icons you need into your ReactNative project and declare them in your render method:

import { ArrowRight, LinkOut, Star } from "react-native-akar-icons";

const MyComponent = () => {
  return (
    <>
      <ArrowRight />
      <Star />
      <LinkOut />
    </>
  );
};

export default MyComponent;

Icons can be configured with inline props including inline style objects:

<Star color="yellow" size={32} strokeWidth={3} style={{ display: "block" }} />

Prop	Description	Default
color	Set the icon color	currentColor
size	Set the width and height of the svg icon	24
strokeWidth	Set the stroke width of the icon	2
style	Add inline styles to the element	{}

You can also import the whole icon library like this:

import * as Icon from "react-native-akar-icons";

const MyComponent = () => {
  return <Icon.ArrowRight />;
};

export default MyComponent;

Explore all the icons at akaricons.com.

Related Projects

• akar-icons-app - Homepage repo of Akar icons.
• akar-icons - Akar icons as React components.
• akar-icons-fonts - Akar icons as icon fonts.
• akar-icons-web-components - Akar icons as web components, fully customizable and use anywhere.
• akar-icons-svelte - Akar icons as Svelte components.
• blade-akar-icons - A package to easily make use of Akar Icons in your Laravel Blade views.
• akar_icons_flutter - Akar icons package for Flutter.

Author

GuillaumeOj (@GuilllaumeOj)

Contributors

Arturo Wibawa (@agwibawa) (author of of the akar-icons)

License

MIT License, Copyright © 2020-present Arturo Wibawa, 2025 GuillaumeOj