wmira / React Icons Kit
Licence: mit
React Svg Icons
Stars: ✭ 352
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to React Icons Kit
Font Awesome
The iconic SVG, font, and CSS toolkit
Stars: ✭ 66,937 (+18916.19%)
Mutual labels: fontawesome, icons, svg-icons
Alfred Font Awesome Workflow
🎩 Font Awesome workflow for Alfred
Stars: ✭ 714 (+102.84%)
Mutual labels: fontawesome, icons, svg-icons
vector-icons
Free Vector icons for Website and Mobile App
Stars: ✭ 28 (-92.05%)
Mutual labels: icons, svg-icons
Grayshift
A lightweight front-end component library for developing fast and powerful web interfaces.
Stars: ✭ 304 (-13.64%)
Mutual labels: icons, svg-icons
SketchSVG
Have icons in a Sketch file but don't want to manually extract and compress them as SVGs? Let our SketchSVG tool do it!
Stars: ✭ 23 (-93.47%)
Mutual labels: icons, svg-icons
WP-SVG-Icons-WordPress-Plugin
WPIcons Plugin (Formally WP SVG Icons) - Quickly and easily install font icons and custom SVG icons on any WordPress site.
Stars: ✭ 18 (-94.89%)
Mutual labels: icons, svg-icons
mojoicons
Handcrafted 100 Outline and Flat Icons for Free -
Stars: ✭ 23 (-93.47%)
Mutual labels: icons, svg-icons
majesticons
A versatile, beautiful, and scalable iconset. 760 icons each in line and solid style.
Stars: ✭ 98 (-72.16%)
Mutual labels: icons, svg-icons
react-native-fontawesome-pro
Easily use your FontAwesome Pro icons in React-Native
Stars: ✭ 44 (-87.5%)
Mutual labels: fontawesome, icons
aurelia-fontawesome
Font Awesome 5 Aurelia component
Stars: ✭ 15 (-95.74%)
Mutual labels: fontawesome, icons
vaadin-icons
Vaadin Icons is a collection of 600+ unique icons designed for web applications
Stars: ✭ 59 (-83.24%)
Mutual labels: icons, svg-icons
svelte-simple-icons
📦 This package provides the Simple Icons packaged as a set of Svelte components.
Stars: ✭ 27 (-92.33%)
Mutual labels: icons, svg-icons
rofi-fontawesome
fontawesome icon list for rofi dmenu
Stars: ✭ 58 (-83.52%)
Mutual labels: fontawesome, icons
mdn-dinocons
A scalable set of icons for use across Mozilla Developer websites
Stars: ✭ 21 (-94.03%)
Mutual labels: icons, svg-icons
ionicons-sprite
SVG sprite icon set based on Ionicons icons
Stars: ✭ 22 (-93.75%)
Mutual labels: icons, svg-icons
fontawesome-subset
Creates subsets of FontAwesome fonts for optimized use on the web.
Stars: ✭ 41 (-88.35%)
Mutual labels: fontawesome, icons
React Native Fontawesome
React Native Font Awesome Icons
Stars: ✭ 173 (-50.85%)
Mutual labels: fontawesome, icons
map-machine
Python renderer for OpenStreetMap with custom icons intended to display as many map features as possible
Stars: ✭ 82 (-76.7%)
Mutual labels: icons, svg-icons
react-icons-kit
Note: Please visit https://reactsvgicons.com/ has svg icons directly as react components can you can import to your project without to need to use a library
Installation
npm install --save react-icons-kit
Documentation / Demo
Please visit react-icons-kit
Bundled Icon Sets
-
IcoMoon
vmaster -
FontAwesome
v4.7 -
MaterialIcons
v3.0.1 -
Open Iconic
v1.1.1 -
Entypo
latest -
Ikons
latest -
Metrize
latest -
Octicons
v5.0.1 -
Ionicons
v2.0.1 -
Linea
latest -
Typicons
v2.0.8 -
Noto Emoji Regular
latest -
Feather Icons
latest
Plus more to come.
Browse Icon Sets
Browse all available icons here: react-icons-kit
Changes
1.3.0
-
[Merged PR #42 by @nbcnc
](https://github.com/wmira/react-icons-kit/pull/42)
Quick Start Guide
import Icon from 'react-icons-kit';
import { ic_add_a_photo } from 'react-icons-kit/md/ic_add_a_photo';
import { lock } from 'react-icons-kit/fa/lock';
export const ShowIcons = () => {
return (
<div>
<div><Icon icon={ic_add_a_photo}/><div>
<div><Icon icon={lock}/><div>
</div>
)
}
Tree Shaking
Use the eslint config from this: https://github.com/wmira/react-icons-kit/issues/38
Development
React Icons Kit Site
To update the react-icons-kit site deployed at react-icons-kit, you need to first do the following. Assuming you are at the root folder:
- npm install
- npm run dist
- cd site
- npm install
- cd node_modules
- ln -sf ../../dist react-icons-kit
- cd ..
- npm start
You should now be able to live edit the website to do some changes, submit pull request.
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].