search

oblador / react-native-vector-icons

Customizable Icons for React Native with support for image source and full styling.
https://oblador.github.io/react-native-vector-icons/
MIT License
17.37k stars 2.12k forks source link

Steps to add new icon library #1378

Open Qu4k3 opened 2 years ago

Qu4k3 commented 2 years ago

I'm looking to include https://lucide.dev/ icon library to the repo.

I find the barrier that I do not see clear the steps to follow.

When cloning the repository, I have an error after executing npm install on Windows with Git Bash Terminal.

> react-native-vector-icons@8.1.0 build-flow
> ./scripts/build-flow.sh

"." no se reconoce como un comando interno o externo,
programa o archivo por lotes ejecutable.
npm ERR! code 1
npm ERR! path C:\Sites\react-native-vector-icons
npm ERR! command failed
nandorojo commented 2 years ago

Similarly, I'd like to add Radix icons: https://icons.modulz.app/

Dimous commented 2 years ago
  1. download desired icon-font file and put it to Fonts folder
  2. put https://github.com/Dimous/react-native-vector-icons/blob/master/Fonts/index.js and https://github.com/Dimous/react-native-vector-icons/blob/master/Fonts/package.json to Fonts folder and run npm install, then run node index.js
  3. create [IconFontName].js file based on https://github.com/Dimous/react-native-vector-icons/blob/master/templates/separated-icon-set.tpl like I did with RemixIcon -- https://github.com/Dimous/react-native-vector-icons/blob/master/RemixIcon.js

Script will regenerate glyphmaps with names used in a font file but @oblador used names from other sources so you have to change icon names used in your application

oidoug commented 1 year ago

@Qu4k3 had any luck adding Lucide?