Skip to content

daminort/react-feather-icons

Repository files navigation

React Feather Icons

An icon set based on Feather Icons

NPM JavaScript Style Guide

Live demo

You can see and play around with all icons on Demo Page

Motivation

Inspired by awesome Feather Icons and really useful application of @gaddafirusli - iconsvg.xyz, this icon set was created.

This set is based on Feather Icons v4.19.0, but also includes several icons created by @gaddafirusli specially for his site iconsvg.xyz.

Install

npm install --save @daminort/react-feather-icons

Usage

import React, { Component } from 'react'
import Icon from '@daminort/react-feather-icons'

class Example extends Component {
  render () {
    return (
      <Icon
        name="arrowUp"
        size="48"
        thickness="2"
        ends="round"
        joins="round"
        color="#000000"
      />
    )
  }
}

Props

Name Type Required Default value
name string *
size number 24
thickness number 2
ends string: 'butt', 'round', or 'square' round
joins string: 'bevel', 'round' or 'arcs' round
color string currentColor

License

MIT © Daminort

Releases

No releases published

Packages

No packages published

Languages