@jehankandy/jkreact-icons

JKReact ICONS

Icons support for React

---

About JKReact-Icons ❤️

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

Quick Start Guide 💻

• 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 📓

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

Versioning of the project ❔

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

Developers and Designers

• JehanKandy Github

• Anupa Gamage Github

License Copyright

• The JKReact-ICONS is Licensed under MIT