https://github.com/guoyunhe/react-bootstrap-icons-pro
Up-to-date Bootstrap icons as React components.
https://github.com/guoyunhe/react-bootstrap-icons-pro
bootstrap icons iconset react svg svg-icons
Last synced: about 2 months ago
JSON representation
Up-to-date Bootstrap icons as React components.
- Host: GitHub
- URL: https://github.com/guoyunhe/react-bootstrap-icons-pro
- Owner: guoyunhe
- License: mit
- Created: 2024-01-21T03:23:44.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-02-05T16:06:41.000Z (over 1 year ago)
- Last Synced: 2025-03-29T03:07:36.267Z (2 months ago)
- Topics: bootstrap, icons, iconset, react, svg, svg-icons
- Language: TypeScript
- Homepage: https://guoyunhe.github.io/react-bootstrap-icons-pro/
- Size: 1.68 MB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
README
# React Bootstrap Icons Pro
Up-to-date Bootstrap icons (v1.11.3) as React components.
## How to use
```bash
npm i -S react-bootstrap-icons-pro
```
```jsx
import { BiArrowClockwise, BiCalendar, BiSearch, BiSend } from 'react-bootstrap-icons-pro';
function App() {
return (
);
}
render();
```
## Customize
You can customize each icon's size, color and other styles.
```jsx
import { BiArrowClockwise, BiCalendar, BiSearch, BiSend } from 'react-bootstrap-icons-pro';
function App() {
return (
);
}
render();
```
If you want to define global icon styles, use `.bi` class name.
```css
.bi {
display: block;
font-size: 1.3em;
vertical-align: middle;
}
```
## FAQ
### Why another package?
Existing `react-bootstrap-icons` doesn't update for quite a long time. So I started a new one.
### Why component name is `BiSearch` instead of `Search`?
Because here are many icon names starting with numbers, like icon `1-circle`. Without prefix, `1Circle` is invalid React component name. So I added `Bi` prefix to all component names.
Here is another advantage, when you type `