react-bootstrap-icons

React Bootstrap Icons

The brand new Bootstrap Icons library to use as React components.

Currently v1.0.0-alpha4, +670 icons.

They're in alpha right now and subject to sweeping changes.

Installation

npm install react-bootstrap-icons --save

or

yarn add react-bootstrap-icons

Usage

import React from 'react';
import { ArrowRight } from 'react-bootstrap-icons';

export default function App() {
  return <ArrowRight />;
}

Icons can be configured with inline props:

<ArrowRight color="royalblue" size={96} />

You can pass wathever props you want:

<ArrowRight className="ml-4" />

You can also include the whole icon pack:

import React from 'react';
import * as Icon from 'react-bootstrap-icons';

export default function App() => {
  return <Icon.ArrowRight />
};