akar-icons

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

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.

Related Projects

• akar-icons-app - Homepage repo of Akar icons.
• akar-icons-fonts - Akar icons as icon fonts.
• akar-icons-web-components - Akar icons as web components, fully customizable and use anywhere.
• akar-icons-svelte - Akar icons as Svelte components.
• blade-akar-icons - A package to easily make use of Akar Icons in your Laravel Blade views.
• akar_icons_flutter - Akar icons package for Flutter.

Author

Arturo Wibawa (@agwibawa)

License

MIT License, Copyright © 2020-present Arturo Wibawa.

Credits

Svelte Support by WilliamVenner