https://github.com/jacobmischka/svelte-feather-icon

Simple wrapper component for Feather Icons.
https://github.com/jacobmischka/svelte-feather-icon

feather-icons svelte

Last synced: 15 days ago
JSON representation

Simple wrapper component for Feather Icons.

• Host: GitHub
• URL: https://github.com/jacobmischka/svelte-feather-icon
• Owner: jacobmischka
• License: mit
• Created: 2018-01-25T20:16:18.000Z (almost 7 years ago)
• Default Branch: master
• Last Pushed: 2023-01-06T01:57:11.000Z (almost 2 years ago)
• Last Synced: 2024-10-04T16:41:44.672Z (about 1 month ago)
• Topics: feather-icons, svelte
• Language: JavaScript
• Homepage: https://www.npmjs.com/package/svelte-feather-icon
• Size: 258 KB
• Stars: 5
• Watchers: 3
• Forks: 1
• Open Issues: 8
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# svelte-feather-icon

Simple wrapper component for [Feather Icons][feather-icons].

## Usage

```html

```

### Properties

- `icon`: Feather icon name. What you would put in the `data-feather` attribute.

- `attrs`: [Attributes you would pass to `feather.replace()`][attrs]

[feather-icons]: https://feathericons.com/

[attrs]: https://github.com/feathericons/feather#featherreplaceattrs

### Using with [Sapper][sapper]

Please import `svelte-feather-icon/FeatherIcon.html` directly (or configure your bundler to resolve `svelte` package fields, `rollup-plugin-svelte` does this out of the box, see [resolve.mainFields][resolve.mainFields] for webpack) and compile it from within your own project.

See [svelte#604](https://github.com/sveltejs/svelte/issues/604) for more information.

[sapper]: https://sapper.svelte.technology

[resolve.mainFields]: https://webpack.js.org/configuration/resolve/#resolve-mainfields