Akar Icons

A perfectly rounded icon library made for designers, developers, and pretty much everyone.

For developers

Akar icons are currently available as individual React components. Start using it today.

1. Installation

Install with npm:

npm install --save akar-icons
Shell

2. Usage

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

import { ArrowRight, Star, LinkOut } from 'akar-icons';

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

export default MyComponent;
React JSX

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

<Star color="yellow" size={32} strokeWidth={3} />
React JSX

You can also import the whole icon library:

import * as Icon from 'akar-icons';

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

export default MyComponent;
React JSX

Author

Arturo Wibawa

GitHub

Akar icons library as React components.Read More

Latest commit to the master branch on 3-21-2024
Download as zip