Feather Icons for Solid.js

This package provides Feather Icons as Solid.js components, allowing easy integration of Feather Icons into your Solid.js projects. Each icon is optimized for performance and fully customizable.

Features

• 🚀 Optimized for Solid.js
• 🎨 Fully customizable (size, color, etc.)
• 📦 Tree-shakeable exports
• 🔧 TypeScript support
• 🔍 Intellisense support in VSCode

Installation

You can install this package using npm, yarn, or pnpm:

pnpm add solid-feather-icons

or

npm install solid-feather-icons

or

yarn add solid-feather-icons

Usage

To use an icon in your Solid.js project, you can import it like this:

import { Activity } from "feather-icons-solid/activity";

Then in your template, you can use the icon like this:

<Activity height="3rem" width="3rem" color="red" />

Available Icons

This package includes all icons from Feather Icons. You can find a list of available icons on the Feather Icons website.

The naming convention for the icons is as follows:

• Original name: arrow-up
• Component name: ArrowUp

TypeScript Support

This package includes TypeScript definitions for all icons. You'll get full IntelliSense support in IDEs like VSCode.

Made with ❤️ by Kevin Pennarun