Avallark Icons

A comprehensive icon set designed specifically for financial inclusion and consulting organizations. Professional, scalable, and ready for production use.

Browse Icons View Documentation

20+

Unique Icons

SVG

Vector Format

Production

Ready to Use

Licensed

Free for Use

Available Icons

Click any icon to copy its class name

How to Use

Get started with Avallark Icons in minutes

1. Include the CSS File

<link rel="stylesheet" href="css/avallark-icons.css">

2. Include the JavaScript File (Optional)

<script src="js/avallark-icons.js"></script>

3. Use Icon Classes

<i class="av-icon av-mobile-banking"></i>
<i class="av-icon av-digital-payments"></i>
<i class="av-icon av-microfinance"></i>

Example Usage

Mobile Banking Solutions

Transform your financial services with our mobile banking platform.

Learn More

Icon Sizes

Choose from multiple size options

Size Examples
av-xs
av-sm
default
av-lg
av-xl
av-2x
av-3x
<i class="av-icon av-mobile-banking av-xs"></i>
<i class="av-icon av-mobile-banking av-sm"></i>
<i class="av-icon av-mobile-banking"></i> <!-- default -->
<i class="av-icon av-mobile-banking av-lg"></i>
<i class="av-icon av-mobile-banking av-xl"></i>
<i class="av-icon av-mobile-banking av-2x"></i>
<i class="av-icon av-mobile-banking av-3x"></i>

Icon Colors

Predefined color classes for consistent styling

Color Examples
av-maroon
av-maroon-light
av-maroon-dark
av-success
av-warning
av-danger
av-info
<i class="av-icon av-mobile-banking av-maroon"></i>
<i class="av-icon av-mobile-banking av-maroon-light"></i>
<i class="av-icon av-mobile-banking av-maroon-dark"></i>
<i class="av-icon av-mobile-banking av-success"></i>
<i class="av-icon av-mobile-banking av-warning"></i>
<i class="av-icon av-mobile-banking av-danger"></i>
<i class="av-icon av-mobile-banking av-info"></i>

Icon Animations

Add life to your icons with CSS animations

Animation Examples

av-spin

av-pulse

av-bounce
<i class="av-icon av-innovation av-spin"></i>
<i class="av-icon av-security av-pulse"></i>
<i class="av-icon av-global-reach av-bounce"></i>