A lightweight, customizable icon font library with 78 unique letter-based icons in 3 different styles.
<link rel="stylesheet" href="https://adibaicon.vercel.app/css/adibaIcon.css">npm install adibaiconDownload the latest release from GitHub
<!-- New unified naming (recommended) -->
<i class="adiba-a"></i>
<i class="adiba-a adiba-lg adiba-red"></i>
<!-- Alternative styles -->
<i class="adiba-a-alt"></i> <!-- Style 2 -->
<i class="adiba-a-bold"></i> <!-- Style 3 -->- 26 Standard letters:
adiba-atoadiba-z - 26 Alternative style:
adiba-a-alttoadiba-z-alt - 26 Bold style:
adiba-a-boldtoadiba-z-bold
| Class | Size | Usage |
|---|---|---|
adiba-xs |
12px | <i class="adiba-a adiba-xs"></i> |
adiba-sm |
16px | <i class="adiba-a adiba-sm"></i> |
adiba-md |
24px | <i class="adiba-a adiba-md"></i> |
adiba-lg |
32px | <i class="adiba-a adiba-lg"></i> |
adiba-xl |
48px | <i class="adiba-a adiba-xl"></i> |
| Class | Color | Usage |
|---|---|---|
adiba-primary |
Blue | <i class="adiba-a adiba-primary"></i> |
adiba-success |
Green | <i class="adiba-a adiba-success"></i> |
adiba-danger |
Red | <i class="adiba-a adiba-danger"></i> |
adiba-red |
Pure Red | <i class="adiba-a adiba-red"></i> |
adiba-blue |
Pure Blue | <i class="adiba-a adiba-blue"></i> |
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="https://adibaicon.vercel.app/css/adibaIcon.css">
</head>
<body>
<!-- Different styles -->
<i class="adiba-r adiba-lg adiba-red"></i>
<i class="adiba-a-alt adiba-lg adiba-blue"></i>
<i class="adiba-s-bold adiba-lg adiba-green"></i>
<!-- Different sizes -->
<i class="adiba-h adiba-xs"></i>
<i class="adiba-h adiba-sm"></i>
<i class="adiba-h adiba-md"></i>
<i class="adiba-h adiba-lg"></i>
<i class="adiba-h adiba-xl"></i>
</body>
</html>React:
const MyComponent = () => (
<div>
<i className="adiba-a adiba-lg adiba-primary"></i>
</div>
);Vue.js:
<template>
<i class="adiba-a adiba-lg adiba-primary"></i>
</template>Old naming (still supported):
<i class="adiba-icon icon-a icon-lg icon-red"></i>New naming (recommended):
<i class="adiba-a adiba-lg adiba-red"></i>- Chrome 4+
- Firefox 3.5+
- Safari 3.1+
- Opera 10+
- IE 8+
- Fork the repository
- Create your feature branch
- Commit your changes
- Push to the branch
- Create a Pull Request
MIT License - see LICENSE.txt
Md Rasheduzzaman
- GitHub: @jmrashed
- Email: jmrashed@gmail.com