@atlantum/icons

Set of icons with type checking and auto-complete


Keywords
icons, react, typescript, svg, inline, ui, library, feather, feather-icons, reactjs
License
MIT
Install
npm install @atlantum/icons@0.5.0

Documentation

Feather icons React Typescript

atlantum-logo

npm NPM downloads

Nice set of icons as React components with type checking and auto complete.


👉 Link to storybook preview

Installation

yarn add @ailibs/feather-react-ts

or

npm install @ailibs/feather-react-ts

Usage

import React from 'react'
import Icon from '@ailibs/feather-react-ts'

// Basic render with default parameters
// color=black / size=24px / stroke-width=2
<Icon name='activity' />


// Customize look by passing values in to props
<Icon name='activity' size='32' stroke='4' color='black' />

// Values for size and stroke can be string | number
<Icon name='activity' size={32} stroke={4}color='black' />

// Support for adding classes via className prop
<Icon name='activity' className="my-awesome-class" />

// Support onClick event via props
<Icon name='activity' onClick={() => console.log("Clicked!")} />

Enjoy!