npm package: @jehankandy/jkreact-icons
Description: Icons for React
Author: JehanKandy
Latest version: 1.2.0

# JKReact ICONS

<p align="center">
  <img src="https://avatars.githubusercontent.com/u/168010528?s=200&v=4" /><br>
  Icons support for React
</p>

<hr>

## About JKReact-Icons :heart:

- First Icons support for React that developed in Sri Lanka
- - parallelly develop with [JKCSS](https://github.com/JKCSS-CSS-Framework) 

## Quick Start Guide :computer:

- In Your React js Project
- open Terminal and install `@jehankandy/jkreact-icons`

``` js

    npm i @jehankandy/jkreact-icons

``` 

- follow up following code

``` jsx

import React from 'react'
import {
     ZeroNumberFill,
     ZeroNumberSqureFill,
     OneNumberFill,
     OneNumberSqureFill,
     OneTwoThree,
     ZeroNumberOutLine, 
     ZeroNumberSqureOutLine,
     OneNumberOutline,
     OneNumberSqureOutLine,

     LogoAlexa,
     LogoAlipay,
     LogoAmazon,
     LogoAmd

} from '@jehankandy/jkreact-icons';

const IconTest = () => {
  return (
    <div>
        <h1>IconTest</h1>

        <LogoAmd color={"red"} size={200} />


    </div>
  )
}

export default IconTest

```

- in Above Code

``` jsx 
    <LogoAmd color={"red"} size={200} />
```
- color must be string
- size should be int

## Documentation :notebook:

## Icons

| Icons | Description |
|--------|--------|
| Bootstrap | [Bootstrap Icons](https://icons.getbootstrap.com/) |

## Releases 

### v1.0.0 - 25 April 2024

- Icons Bootstrap

| Icons | Description |
|--------|--------|
| `<ZeroNumberFill />` | Zero number Fill |
| `<ZeroNumberSqureFill />` | Zero number Squre Fill |
| `<OneNumberFill />` | One number Fill |
| `<OneNumberSqureFill />` | One number Squre Fill |
| `<OneTwoThree />` | 1,2,3 |
| `<ZeroNumberOutLine />` | Zero number Outline |
| `<ZeroNumberSqureOutLine />` | Zero number Squre Outline |
| `<OneNumberOutline />` | One number Outline |
| `<OneNumberSqureOutLine />` | One number Squre Outline |

- Logos Bootstrap

| Icons | Description |
|--------|--------|
| `<LogoAlexa />` | Logo Alexa |
| `<LogoAlipay />` | Logo Alipay |
| `<LogoAmazon />` | Logo Amazon |
| `<LogoAmd />` | Logo Amd |

<hr>

### v1.1.0 - 28 April 2024

- Fill Numbers

| Icons | Description |
|--------|--------|
| `<TwoNumberFill />` | Two number Fill |
| `<TwoNumberSqureFill />` | Two number Squre Fill |
| `<ThreeNumberFill />` | Three number Fill |
| `<ThreeNumberSqureFill />` | Three number Squre Fill |
| `<FourNumberFill />` | Four number Fill |
| `<FourNumberSqureFill />` | Four number Squre Fill |
| `<FiveNumberFill />` | Five number Fill |
| `<FiveNumberSqureFill />` | Five number Squre Fill |
| `<SixNumberFill />` | Six number Fill |
| `<SixNumberSqureFill />` | Six number Squre Fill |
| `<SevenNumberFill />` | Seven number Fill |
| `<SevenNumberSqureFill />` | Seven number Squre Fill |
| `<EightNumberFill />` | Eight number Fill |
| `<EightNumberSqureFill />` | Eight number Squre Fill |
| `<NineNumberFill />` | Nine number Fill |
| `<NineNumberSqureFill />` | Nine number Squre Fill |


- outLine Numbers

| Icons | Description |
|--------|--------|
| `<TwoNumberOutline />` | Two number Outline |
| `<TwoNumberSqureOutline />` | Two number Squre Outline |
| `<ThreeNumberOutline />` | Three number Outline |
| `<ThreeNumberSqureOutline />` | Three number Squre Outline |
| `<FourNumberOutline />` | Four number Outline |
| `<FourNumberSqureOutline />` | Four number Squre Outline |
| `<FiveNumberOutline />` | Five number Outline |
| `<FiveNumberSqureOutline />` | Five number Squre Outline |
| `<SixNumberOutline />` | Six number Outline |
| `<SixNumberSqureOutline />` | Six number Squre Outline |
| `<SevenNumberOutline />` | Seven number Outline |
| `<SevenNumberSqureOutline />` | Seven number Squre Outline |
| `<EightNumberOutline />` | Eight number Outline |
| `<EightNumberSqureOutline />` | Eight number Squre Outline |
| `<NineNumberOutline />` | Nine number Outline |
| `<NineNumberSqureOutline />` | Nine number Squre Outline |

- Logos Bootstrap

| Icons | Description |
|--------|--------|
| `<LogoAndroid />` | Logo Android |
| `<LogoAndroidTwo />` | Logo Android Two |
| `<LogoBehance />` | Logo Behance |
| `<LogoBing />` | Logo Bing |
| `<LogoBluetooth />` | Logo Bluetooth |

<hr>

### v1.2.0 - 18 May 2024



| Icons | Description |
|--------|--------|
| `<AirplaneFill />` | Airplane Fill |
| `<AirplaneEnginesFill />` | Airplane Engines Fill |
| `<AlarmFill />` | Alarm Fill |
| `<AirplaneOutLine />` | Airplane OutLine |
| `<AirplaneEnginesOutLine />` | Airplane Engines OutLine |
| `<AlarmOutLine />` | Alarm OutLine |
| `<ActivityIcon />` | Activity Icon |
| `<AlignBottom />` | Align Bottom |
| `<AlignCenter />` | Align Center |
| `<AlignEnd />` | Align End |
| `<AlignMiddle />` | Align Middle |
| `<AlignStart />` | Align Start |
| `<AlignTop />` | Align Top |


- Logos Bootstrap

| Icons | Description |
|--------|--------|
| `<LogoBootstrap />` | Logo Bootstrap |
| `<LogoBootstrapFill />` | Logo Bootstrap Fill |
| `<LogoBehance />` | Logo Behance |
| `<LogoBootstrapReboot />` | Logo Bootstrap Reboot |
| `<LogoBrilliance />` | Logo Brilliance |


## Versioning of the project :grey_question:

| Version | Description | Release Date|
|--------|--------|---------|
| v1.0.0 | initial release of the Project, Adding Bootstrap Icons (Icons, Logos) | 25 April 2024 |
| v1.1.0 | 2nd release of the Project, Adding Bootstrap Icons (Icons, Logos) | 29 April 2024 |
| v1.2.0 | 3rd release of the Project, Adding Bootstrap Icons (Icons, Logos) | 18 May 2024 |

## Developers and Designers

- JehanKandy [Github](https://github.com/BackendExpert)

- Anupa Gamage [Github](https://github.com/Anupa1998)


## License Copyright

- The JKReact-ICONS is Licensed under [MIT](https://github.com/JKReact-Icons/JKReact-Icons/blob/master/LICENSE)