https://github.com/artcoholic/akar-icons-app
The homepage repo for Akar Icons. A perfectly rounded icon library made for designers, developers, and pretty much everyone.
https://github.com/artcoholic/akar-icons-app
icon-library icon-pack icons react svg
Last synced: 4 months ago
JSON representation
The homepage repo for Akar Icons. A perfectly rounded icon library made for designers, developers, and pretty much everyone.
- Host: GitHub
- URL: https://github.com/artcoholic/akar-icons-app
- Owner: artcoholic
- License: mit
- Created: 2021-08-09T19:33:13.000Z (about 4 years ago)
- Default Branch: main
- Last Pushed: 2024-03-21T22:32:53.000Z (over 1 year ago)
- Last Synced: 2025-05-18T22:06:37.024Z (5 months ago)
- Topics: icon-library, icon-pack, icons, react, svg
- Language: JavaScript
- Homepage: https://akaricons.com
- Size: 13.2 MB
- Stars: 104
- Watchers: 1
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Akar Icons
Akar is a perfectly rounded icon library made for designers, developers, and pretty much everyone. Use this library to bring life into your user interface and experience. Free to use for your personal and commercial projects. Start creating! Explore all of our icons at [akaricons.com](https://akaricons.com).
## Usage
There are currently 2 ways of implementing Akar Icons library to your website. The simplest one is through the [Icon Fonts](https://github.com/artcoholic/akar-icons-fonts) library just like Font Awesome and the other one is the [React](https://github.com/artcoholic/akar-icons) component package.
### 1. Icon Fonts
This method is the simplest to use because you only need to add the script to the document ``, and reference the icons with an `` tag along with the appropriate class. Icon fonts are HTML/CSS under the hood so you can style and manipulate it just like any other HTML element.
```html
```
Check out the full documentation at [akar-icons-fonts](https://github.com/artcoholic/akar-icons-fonts) repo page.
### 2. React Components
The React icon component library can be installed through npm. All icons can be configured with inline props with `color`, `size`, and `strokeWidth` including inline `style` objects.
```jsx
import { ArrowRight, Star, LinkOut } from 'akar-icons';
const MyComponent = () => {
return (
);
};
export default MyComponent;
```
Check out the full documentation at [akar-icons](https://github.com/artcoholic/akar-icons) repo page.
## Related Projects
* [akar-icons](https://github.com/artcoholic/akar-icons) - Akar icons as React components.
* [akar-icons-fonts](https://github.com/artcoholic/akar-icons-fonts) - Akar icons as icon fonts.
* [akar-icons-web-components](https://github.com/awmleer/akar-icons-web-components) - Akar icons as web components, fully customizable and use anywhere.
* [akar-icons-svelte](https://github.com/WilliamVenner/akar-icons-svelte) - Akar icons as Svelte components.
* [blade-akar-icons](https://github.com/codeat3/blade-akar-icons) - A package to easily make use of Akar Icons in your Laravel Blade views.
* [akar_icons_flutter](https://github.com/alann-maulana/akar_icons_flutter) - Akar icons package for Flutter.
## Author
Arturo Wibawa ([@agwibawa](https://twitter.com/agwibawa))
## License
[MIT License](./LICENSE), Copyright © 2020-present Arturo Wibawa.