https://github.com/jaoaustero/solid-feather-icon
⭐ A solidjs component for feather icons
https://github.com/jaoaustero/solid-feather-icon
feather feather-icons front-end icons solid-feather solidjs solidjs-feather typescript web
Last synced: about 1 month ago
JSON representation
⭐ A solidjs component for feather icons
- Host: GitHub
- URL: https://github.com/jaoaustero/solid-feather-icon
- Owner: jaoaustero
- License: mit
- Created: 2025-04-24T08:25:32.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-04-27T12:39:30.000Z (about 1 year ago)
- Last Synced: 2025-06-07T19:06:42.538Z (about 1 year ago)
- Topics: feather, feather-icons, front-end, icons, solid-feather, solidjs, solidjs-feather, typescript, web
- Language: TypeScript
- Homepage: https://www.npmjs.com/package/solid-feather-icon
- Size: 127 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## Features
- Render as SVG to allow customization
- Small size without any external libraries
- Supports typescript
## Installation
The plugin are available in node and yarn package managers.
```bash
# Node
npm install solid-feather-icon
# Yarn
yard add solid-feather-icon
```
## Quickstart
Import the `solid-feather` in your file, and simply add the component and it's properties.
> Note: Component icon will not render when `type` is missing.
```jsx
import SolidFeatherIcon from 'solid-feather-icon';
function App() {
return (
);
}
```
## Props
Here are the properties supported
| Name | Description | Default |
|--------------------|-----------------------------------------|----------------|
| `type` | Icon type base on feather icons library | `undefined` |
| `height` | Icon height | `24` |
| `width` | Icon width | `24` |
| `fill` | Defines the color | `none` |
| `stroke` | Sets the color of the line around | `currentColor` |
| `stroke-line-cap` | Sets the shape of the end-lines | `round` |
| `stroke-line-join` | Sets the shape of the corners | `round` |
| `stroke-width` | Sets the width of the line around | `2` |
## Styling and Customization
Component will allow you to add custom class attribute or custom inline style to customize
the style of the icon.
## License
Code released under [MIT](https://github.com/jaoaustero/solid-feather-icon/blob/main/LICENSE) license.