Ecosystems:
Figma
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)
License
MIT License, Copyright © 2020-present Arturo Wibawa.
Package Rankings
Top 7.51% on Npmjs.org