A tool that allows you to quickly and easily convert Bootstrap Icons into React Native SVG compatible icons with TypeScript support. The generated icons are in PascalCase format, making them easy to use in your React Native project.
The repository also includes a template file for the icons, making it easy to customize the generated icons to fit your project's needs. Overall, this tool is a time saver for any React Native developer looking to include Bootstrap Icons in their project.
npm install react-native-bootstrap-icons
- Generate all the bootstrap icons
node generate-icons.js
- Generate a single or multiple icons (separated by a space; not case sensitive)
node generate-icons.js alarm alarm-fill
Just copy the generated icons into your project and import them as you would any other React Native component.
Example below is the alarm-fill
icon.
<BootstrapIconAlarmFill width="20" height="20" fill="#7ee383" />