Naughty Pinching Mannequins
Learn about our RFC process, Open RFC meetings & more.Join in the discussion! »

preact-feather

4.1.0 • Public • Published

Preact Feather Icons

npm

Simply beautiful SVG icons as Preact components.

Designed by colebemis on a 24x24 grid with an emphasis on functionality, consistency and simplicity.

Installation

npm install preact-feather --save

Usage

import { Camera } from 'preact-feather';
 
class MyClass extends Component {
  render() {
    return <Camera />
  }
}

If you can't use ES6 imports, it's possible to include icons from the compiled folder ./dist.

var Camera = require('preact-feather/dist/icons/camera');
 
var MyComponent = () => {
  return (
    <Camera />
  );
};

You can also include the whole icon pack:

import * as Icon from 'preact-feather';
 
class MyClass extends Component {
  render() {
    return <Icon.Camera />
  }
}

Icons can be configured with inline props:

<Icon.AlertCircle color="red" size={48} />

Install

npm i preact-feather

DownloadsWeekly Downloads

379

Version

4.1.0

License

MIT

Unpacked Size

1.4 MB

Total Files

865

Last publish

Collaborators

  • avatar