All Projects → wmira → React Icons Kit

wmira / React Icons Kit

Licence: mit
React Svg Icons

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
phosphor-figma
A flexible icon family for Figma
Stars: ✭ 17 (-95.17%)
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
icons-flat-osx
Free Flat icons For OSX
Stars: ✭ 371 (+5.4%)
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

Project Supported By ReactForBeginners.com

Project Supported By AdvancedReact.com

Installation

npm install --save react-icons-kit

Documentation / Demo

Please visit react-icons-kit

Bundled Icon Sets

Plus more to come.

Browse Icon Sets

Browse all available icons here: react-icons-kit

Changes

1.3.0

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:

  1. npm install
  2. npm run dist
  3. cd site
  4. npm install
  5. cd node_modules
  6. ln -sf ../../dist react-icons-kit
  7. cd ..
  8. 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].