https://github.com/jmrashed/adibaicon

adibaIcon -Custome Icon Library
https://github.com/jmrashed/adibaicon

adibaicon cdn css custom font icon library

Last synced: 3 months ago
JSON representation

adibaIcon -Custome Icon Library

• Host: GitHub
• URL: https://github.com/jmrashed/adibaicon
• Owner: jmrashed
• License: other
• Created: 2023-08-29T19:12:33.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2023-09-06T03:34:12.000Z (over 1 year ago)
• Last Synced: 2024-05-08T11:31:24.193Z (9 months ago)
• Topics: adibaicon, cdn, css, custom, font, icon, library
• Language: CSS
• Homepage: https://adibaicon.vercel.app
• Size: 465 KB
• Stars: 3
• Watchers: 3
• Forks: 3
• Open Issues: 0
• Metadata Files:
  • Readme: README.html
  • License: LICENSE.txt

Awesome Lists containing this project

README

        


    

    

    Document

    

  


    


        
adibaIcon Library

        
Welcome to adibaIcon Library! This library contains a collection of

        customizable icons that you can easily integrate into your projects.

        

        

        

        

        
CDN

        


        
Use as cdn : https://adibaicon.vercel.app/css/adibaIcon.css



        

        
Getting Started

        
To use the icons from this library, follow these steps:

        


        
Include the font files in your project directory.

        
Link the generated CSS file in your HTML or import it in your

        project's stylesheets.

        

        
Usage

        
Basic Usage

        
To add an icon to your HTML, use the following structure:

        
<span class="adiba-icon icon-r icon-lg icon-red"></span>

        
img/Screenshot.png

        
Customization

        
You can customize icons by using color and size classes:

        


        
.icon-primary: Sets the icon color to

        primary.

        
.icon-secondary: Sets the icon color to

        secondary.

        
.icon-success: Sets the icon color to

        success.

        
.icon-lg: Increases the icon size to large.

        
.icon-md: Sets the icon size to medium.

        
.icon-sm: Reduces the icon size to small.

        

        
Combine color and size classes for complete customization:

        
<span class="adiba-icon icon-r icon-lg icon-red"></span>

        
Available Icons

        
A:  B:

         C:

        

        
Demo

        
<i class="adiba-icon icon-r icon-lg icon-red "></i>

        <i class="adiba-icon icon-a icon-lg icon-blue "></i>

        <i class="adiba-icon icon-s icon-lg icon-yellow "></i>

        <i class="adiba-icon icon-h icon-lg icon-purple"></i>

        <i class="adiba-icon icon-e icon-lg icon-green"></i>

        <i class="adiba-icon icon-d icon-lg icon-orange"></i>

        

        

        
Contributing

        
If you'd like to contribute to the library by adding new icons or

        improving existing ones, please follow our contribution guidelines.