JSPM

akar-icons-svelte

1.9.30
  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 7
  • Score
    100M100P100Q53458F
  • License MIT

A perfectly rounded icon library made for everyone by artcoholic. (+ Svelte Components)

Package Exports

  • akar-icons-svelte
  • akar-icons-svelte/dist/index.js

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (akar-icons-svelte) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

akar-icons

A perfectly rounded icon library made for designers, developers, and pretty much everyone. Explore all of our icons at akaricons.com.

akar icons

Get Started

1. Installation

Install with npm:

npm install --save akar-icons-svelte

2. Usage

Import the icons you need into your Svelte project and use them in components:

<script>
  import { ArrowRight, Star, LinkOut } from 'akar-icons-svelte';
</script>

<main>
  <ArrowRight />
  <Star />
  <LinkOut />
</main>

Icons can be configured with inline props including inline style objects:

<Star color="yellow" size={32} strokeWidth={3} />

You can also import the whole icon library:

<script>
  import * as Icon from 'akar-icons-svelte';
</script>

<main>
  <Icon.ArrowRight />
</main>

Explore all of our icons at akaricons.com.

Author

Arturo Wibawa (@agwibawa)

License

MIT License, Copyright © 2020-present Arturo Wibawa.

Credits

Svelte Support by WilliamVenner