Awesome

akar-icons-fonts

A perfectly rounded icon library made for designers, developers, and pretty much everyone. Explore all of our icons at akaricons.com.

Quick Start

Copy and paste the following code snippet into a blank html file.

<!DOCTYPE html>
<html>
  <head>
    <script src="https://unpkg.com/akar-icons-fonts"></script>
  </head>
  <body>
    <!-- EXAMPLE ICONS -->
    <i class="ai-cross"></i>
    <i class="ai-circle"></i>
    <i class="ai-heart"></i>
  </body>
</html>

Usage

1. Include

Add the script to your document <head> from the CDN provider:

<script src="https://unpkg.com/akar-icons-fonts"></script>

2. Use

Use the <i/> tag in your document <body> and add the appropriate icon name with ai- prefix in front of it:

<i class="ai-heart"></i>

See the complete list of all our icons at akaricons.com.

Related Projects

akar-icons-app - Homepage repo of Akar icons.
akar-icons - Akar icons as React components.
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

Arturo Wibawa (@agwibawa)