Usage no npm install needed!

<script type="module">
  import erbridgeSvelteFeather from 'https://cdn.skypack.dev/@erbridge/svelte-feather';
</script>

README

@erbridge/svelte-feather

Feather icons as Svelte components.

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.