feathericons / React Feather
Licence: mit
React component for Feather icons
Stars: ✭ 1,379
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to React Feather
Icons
The premium icon font for @uiwjs Component Library. https://uiwjs.github.io/icons
Stars: ✭ 99 (-92.82%)
Mutual labels: svg, icons
H2d2 Shopicons
Essentials E-Commerce icon pack for free.
Stars: ✭ 67 (-95.14%)
Mutual labels: svg, icons
Msvgc
Make React components from your plain SVG files
Stars: ✭ 64 (-95.36%)
Mutual labels: svg, react-components
Deep Viz
A React component library, providing concise and beautiful diversity charts with Canvas, SVG, E-map, WebGL, Dom, based on data visualization experience and commercial data display practice.
Stars: ✭ 55 (-96.01%)
Mutual labels: svg, react-components
Materialdesign
✒6200+ Material Design Icons from the Community
Stars: ✭ 9,669 (+601.16%)
Mutual labels: svg, icons
Iconify Sketch
Sketch plug-in for importing over 70,000 icons from 80+ icon sets, including Material Design Icons, FontAwesome, Jam Icons, Open Emoji and many others.
Stars: ✭ 76 (-94.49%)
Mutual labels: svg, icons
Govicons
🇺🇸 US Government themed icons and CSS toolkit
Stars: ✭ 60 (-95.65%)
Mutual labels: svg, icons
Linearicons
Linearicons is the highest quality set of line icons, matching with minimalist UI designs in iOS.
Stars: ✭ 64 (-95.36%)
Mutual labels: svg, icons
React Bootstrap Icons
React component for Bootstrap Icons
Stars: ✭ 71 (-94.85%)
Mutual labels: svg, icons
Blade Zondicons
A package to easily make use of Zondicons in your Laravel Blade views.
Stars: ✭ 40 (-97.1%)
Mutual labels: svg, icons
React Icomoon
It allows you to simply view the icons in the selection.json file provided by Icomoon.
Stars: ✭ 48 (-96.52%)
Mutual labels: svg, icons
Blade Icons
A package to easily make use of SVG icons in your Laravel Blade views.
Stars: ✭ 1,181 (-14.36%)
Mutual labels: svg, icons
React Cassette Player
Simple ReactJS HTML5 audio player component built with SVG icons from The Noun Project.
Stars: ✭ 93 (-93.26%)
Mutual labels: svg, react-components
React Feather Icons
What is react-feather?
react-feather is a collection of simply beautiful open source icons for React.js. Each icon is designed on a 24x24 grid with an emphasis on simplicity, consistency and readability.
v4.28.0
Based on Feather Icons
Installation
yarn add react-feather
or
npm i react-feather
Usage
import React from 'react';
import { Camera } from 'react-feather';
const App = () => {
return <Camera />
};
export default App;
Icons can be configured with inline props:
<Camera color="red" size={48} />
If you can't use ES6 imports, it's possible to include icons from the compiled folder ./dist.
var Camera = require('react-feather/dist/icons/camera').default;
var MyComponent = React.createClass({
render: function () {
return (
<Camera />
);
}
});
You can also include the whole icon pack:
import React from 'react';
import * as Icon from 'react-feather';
const App = () => {
return <Icon.Camera />
};
export default App;
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].