bootstrap-icons-react

Bootstrap Icons for React

Usage no npm install needed!

<script type="module">
  import bootstrapIconsReact from 'https://cdn.skypack.dev/bootstrap-icons-react';
</script>

README

Bootstrap logo

Bootstrap Icons for React

Bootstrap Icons React components using SVG and JS
Explore Bootstrap Icons ยป

Installation

Bootstrap Icons are designed to work with Bootstrap components, from form controls to navigation. Bootstrap Icons are SVGs, so they scale quickly and easily and can be styled with CSS. While they're built for Bootstrap, they'll work in any project.

npm i bootstrap-icons-react --save

Usage

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

const App = () => {
  return <Star />
};

export default App;

Modify size:

<Star height={96} width={96} />

Pass props:

<Star className="mb-2" />

Include the whole icon library:

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

const App = () => {
  return <Icon.Star />
};

export default App;

Features

  • No dependencies, just React
  • SVG Icons
  • Simple API
  • Compatible with Create React App

License

MIT