preact-feather
v4.2.1
Published
Preact components for Feather icons
Downloads
1,117
Maintainers
Readme
Preact Feather Icons
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} />