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.

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.

JSPM