akar-icons-fonts
v1.1.22
Published
A perfectly rounded icon library made for everyone.
Downloads
9,545
Maintainers
Readme
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.