MCPcopy Index your code
hub / github.com/ForsakenHarmony/preact-feather

github.com/ForsakenHarmony/preact-feather @v4.3.0

Chat with this repo
repository ↗ · DeepWiki ↗ · release v4.3.0 ↗ · + Follow
288 symbols 576 edges 291 files 0 documented · 0% 1 cross-repo links

Browse by type

Functions 287 Types & classes 1
What it actually does AI analysis from the code graph — generated when you open this
loading…
README

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`.

```js
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} />

Extension points exported contracts — how you extend this code

Core symbols most depended-on inside this repo

Shape

Function 287
Interface 1

Languages

TypeScript100%

Modules by API surface

src/types.ts1 symbols
src/icons/zoom-out.tsx1 symbols
src/icons/zoom-in.tsx1 symbols
src/icons/zap.tsx1 symbols
src/icons/zap-off.tsx1 symbols
src/icons/youtube.tsx1 symbols
src/icons/x.tsx1 symbols
src/icons/x-square.tsx1 symbols
src/icons/x-octagon.tsx1 symbols
src/icons/x-circle.tsx1 symbols
src/icons/wind.tsx1 symbols
src/icons/wifi.tsx1 symbols

Used by 1 indexed graphs manifest dependencies, hub-wide

For agents

$ claude mcp add preact-feather \
  -- python -m otcore.mcp_server <graph>

⬇ download graph artifact

Ask about this repo answers extend the page