ismamz / React Bootstrap Icons
Licence: mit
React component for Bootstrap Icons
Stars: ✭ 71
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to React Bootstrap Icons
Librecms
Free Open Source Content Management System, based on PHP, Bootstrap and jQuery.
Stars: ✭ 12 (-83.1%)
Mutual labels: svg, icons, bootstrap
Icons
Official open source SVG icon library for Bootstrap.
Stars: ✭ 5,735 (+7977.46%)
Mutual labels: svg, icons, bootstrap
Materialdesign
✒6200+ Material Design Icons from the Community
Stars: ✭ 9,669 (+13518.31%)
Mutual labels: svg, icons, bootstrap
Octicons
A scalable set of icons handcrafted with <3 by GitHub
Stars: ✭ 7,039 (+9814.08%)
Mutual labels: svg, icons
Vue Unicons
1000+ Pixel-perfect svg icons for your next project as Vue components
Stars: ✭ 828 (+1066.2%)
Mutual labels: svg, icons
Fork Awesome
A fork of the iconic font and CSS toolkit
Stars: ✭ 878 (+1136.62%)
Mutual labels: icons, bootstrap
Blade Zondicons
A package to easily make use of Zondicons in your Laravel Blade views.
Stars: ✭ 40 (-43.66%)
Mutual labels: svg, icons
React Icomoon
It allows you to simply view the icons in the selection.json file provided by Icomoon.
Stars: ✭ 48 (-32.39%)
Mutual labels: svg, icons
Govicons
🇺🇸 US Government themed icons and CSS toolkit
Stars: ✭ 60 (-15.49%)
Mutual labels: svg, icons
Payment Icons
💳 Payment / Ecommerce related svg icon packs
Stars: ✭ 671 (+845.07%)
Mutual labels: svg, icons
Icons
All SVG icons available on http://game-icons.net
Stars: ✭ 598 (+742.25%)
Mutual labels: svg, icons
Evil Icons
Simple and clean SVG icon pack with the code to support Rails, Sprockets, Node.js, Gulp, Grunt and CDN
Stars: ✭ 4,944 (+6863.38%)
Mutual labels: svg, icons
Linearicons
Linearicons is the highest quality set of line icons, matching with minimalist UI designs in iOS.
Stars: ✭ 64 (-9.86%)
Mutual labels: svg, icons
Azure Design
Here you will find my complete Azure Visio Stencil and bonus SVG and PNG versions for all of the Azure Service and configuration items.
Stars: ✭ 470 (+561.97%)
Mutual labels: svg, icons
React Bootstrap Icons
The brand new Bootstrap Icons library to use as React components.
Currently v1.4.0, 1325 icons!
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 />
};
Figma Plugin
You can install it from Figma app: Bootstrap Icons Plugin for Figma
More options
Other ways to use Boostrap icons: https://icons.getbootstrap.com/#usage
License
Collaborators
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].