Iconsax for Svelte

This is an icon library for Svelte based on iconsax. These icons are adapted to inherit the colors and sizes, you can use it as if it were a letter font.

Take advantage of Sveltekit to be able to use the icons from iconsax with Isaxvelte-Pro 😁👌.

Install the library

npm i isaxvelte-pro@latest

Basic usage

<script>
    import User from 'isaxvelte-pro/User';
</script>

<!-- By default the icon variant is linear -->
<p><User /> User</p>

<style>
    p {
        color: red;
        font-size: 45px;
    }
</style>

<script>
    import User from 'isaxvelte-pro/User';
</script>

<p><User variant="linear" /> User linear</p>
<p><User variant="bold" /> User bold</p>
<p><User variant="broken" /> User broken</p>
<p><User variant="bulk" /> User bulk</p>
<p><User variant="outline" /> User outline</p>
<p><User variant="twotone" /> User twotone</p>

<style>
    p {
        color: red;
        font-size: 45px;
    }
</style>

More examples

<script>
    import User from 'isaxvelte-pro/User';
</script>

<User variant="twotone" color="#718fad" size="45px" axis_x="1px" axis_y="-1px" rotate="{45}" />

Icon properties

Icon list

Isaxvelte-pro covers the entire list of icons iconsax, even some additional icons.