JKReact ICONS

About JKReact-Icons :heart:

• First Icons support for React that developed in Sri Lanka
• • parallelly develop with JKCSS

Quick Start Guide :computer:

• In Your React js Project
• open Terminal and install @jehankandy/jkreact-icons

    npm i @jehankandy/jkreact-icons

• follow up following code

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

    <LogoAmd color={"red"} size={200} />

• color must be string
• size should be int

Documentation :notebook:

Icons

| Icons | Description | |--------|--------| | Bootstrap | Bootstrap Icons |

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 |

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 |

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

• Anupa Gamage Github

License Copyright

• The JKReact-ICONS is Licensed under MIT