https://github.com/ForsakenHarmony/preact-feather

Preact component for Feather icons
https://github.com/ForsakenHarmony/preact-feather

Last synced: 2 months ago
JSON representation

Preact component for Feather icons

• Host: GitHub
• URL: https://github.com/ForsakenHarmony/preact-feather
• Owner: ForsakenHarmony
• License: mit
• Created: 2017-08-25T20:52:09.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2023-01-04T00:48:50.000Z (about 2 years ago)
• Last Synced: 2024-10-17T21:50:27.319Z (3 months ago)
• Language: TypeScript
• Homepage:
• Size: 1.72 MB
• Stars: 33
• Watchers: 2
• Forks: 0
• Open Issues: 11
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-preact - Preact Feather Icons - Feather icons for Preact. (Uncategorized / Uncategorized)

README

        
# Preact Feather Icons

[![npm](https://img.shields.io/npm/v/preact-feather.svg)](https://www.npmjs.com/package/preact-feather)

## Simply beautiful SVG icons as Preact components.

Designed by [colebemis](https://github.com/colebemis/) on a 24x24 grid with an emphasis on functionality, consistency and simplicity.

### Installation

    npm install preact-feather --save

### Usage

```javascript

import { Camera } from 'preact-feather';

class MyClass extends Component {

  render() {

    return 

  }

}

````

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

```js

var Camera = require('preact-feather/dist/icons/camera');

var MyComponent = () => {

  return (

    

  );

};

```

You can also include the whole icon pack:

```javascript

import * as Icon from 'preact-feather';

class MyClass extends Component {

  render() {

    return 

  }

}

```

Icons can be configured with inline props:

```js

```