https://github.com/erbridge/svelte-feather

Feather icons as Svelte components
https://github.com/erbridge/svelte-feather

Last synced: 12 days ago
JSON representation

Feather icons as Svelte components

• Host: GitHub
• URL: https://github.com/erbridge/svelte-feather
• Owner: erbridge
• License: other
• Created: 2021-04-03T22:39:44.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2023-03-02T08:57:47.000Z (over 1 year ago)
• Last Synced: 2024-10-14T15:14:45.614Z (25 days ago)
• Language: TypeScript
• Size: 175 KB
• Stars: 0
• Watchers: 3
• Forks: 0
• Open Issues: 6
• Metadata Files:
  • Readme: README.md
  • Code of conduct: CODE_OF_CONDUCT.md

Awesome Lists containing this project

README

        
# @erbridge/svelte-feather

[Feather icons](https://feathericons.com/) as Svelte components.

## Installation

```sh

npm install @erbridge/svelte-feather

```

## Usage

The most basic usage is to import the individual components you need:

```svelte

  import { X } from "@erbridge/svelte-feather";

```

To override the root `` node's attributes, pass them in as props:

```svelte

  import { X } from "@erbridge/svelte-feather";

```

You can also specify attributes that aren't set on the Feather SVGs by default:

```svelte

  import { X } from "@erbridge/svelte-feather";

```

Note that passing a `class` prop results in the value being added to the default

Feather classes, not overriding them.