Chakra Icons Save

Transform SVGs to React Chakra UI

Project README


PackagesContributing

Packages

Name Publishable Version
create-chakra-icons create-chakra-icons
@tooling/msrconfig
@chakra-icons/cli @chakra-icons/cli
@chakra-icons/bootstrap @chakra-icons/bootstrap version @chakra-icons/bootstrap treeshakeble
@chakra-icons/carbon @chakra-icons/carbon version @chakra-icons/carbon treeshakeble
@chakra-icons/cryptocurrency-icons @chakra-icons/cryptocurrency-icons version @chakra-icons/cryptocurrency-icons treeshakeble
@chakra-icons/feather @chakra-icons/feather version @chakra-icons/feather treeshakeble
@chakra-icons/flat-icon @chakra-icons/flat-icon version @chakra-icons/flat-icon treeshakeble
@chakra-icons/ionicons @chakra-icons/ionicons version @chakra-icons/ionicons treeshakeble
@chakra-icons/octicons @chakra-icons/octicons version @chakra-icons/octicons treeshakeble
@chakra-icons/simple-line-icons @chakra-icons/simple-line-icons version @chakra-icons/simple-line-icons treeshakeble
@chakra-icons/tabler-icons @chakra-icons/tabler-icons version @chakra-icons/tabler-icons treeshakeble
@chakra-icons/typicons @chakra-icons/typicons version @chakra-icons/typicons treeshakeble

Contributing

Feel free to create issues, feature requests, and send pull requests.

How to add new icons

  1. Clone this repository:

    git clone https://github.com/kodingdotninja/chakra-icons.git
    
  2. Go to the project directory:

    cd chakra-icons
    
  3. Install dependencies:

    pnpm install
    
  4. Make a new package:

    pnpm plop
    
  5. Follow the prompt instructions:

    repository url : [link repo] e.g (https://github.com/twbs/icons)
    path of svg icons : [the name of folder where the svg is stored] e.g (icons)
    projects name : [name new package] e.g (bootstrap)
    
  6. When it's done generating a new package, the package will be located in ./packages/@chakra-icons.

  7. Build the new package:

    pnpm build
    
  8. When build is completed without issues, you can submit a pull request.

Maintainers

License

MIT License, Copyright (c) 2023 Koding Ninja

Open Source Agenda is not affiliated with "Chakra Icons" Project. README Source: kodingdotninja/chakra-icons

Open Source Agenda Badge

Open Source Agenda Rating