@erbridge/svelte-feather

Feather icons as Svelte components.

Installation

npm install @erbridge/svelte-feather

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

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

<X />

To override the root <svg> node's attributes, pass them in as props:

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

<X width={36} height={36} />

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

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

<X role="presentation" />

Note that passing a class prop results in the value being added to the default Feather classes, not overriding them.