AXQ Icons for Svelte

Installation

npm install @axqdesign/icons-svelte

yarn add @axqdesign/icons-svelte

pnpm add @axqdesign/icons-svelte

You can also download the latest release from GitHub.

Usage

The package is built with ES modules, so unused icons are tree-shaken from your bundle. Each icon is exported as a component.

<script lang="ts">
  import { IconHeart } from '@axqdesign/icons-svelte';
</script>

<IconHeart />

Pass props to adjust the icon:

<IconHeart color="red" size={48} stroke={1.5} />

Props

| Name | Type | Default | Description | | --- | --- | --- | --- | | size | number | string | 24 | Width and height of the icon | | color | string | currentColor | Stroke color for outline icons, fill color for filled icons | | stroke | number | string | 2 | Stroke width, outline icons only | | class | string | – | Extra classes added to AXQ Design-icon AXQ Design-icon-{{name}} |

Any other attribute is forwarded to the rendered <svg> element. The package ships with TypeScript declarations.

Svelte 5

This package targets Svelte 3 and 4 and also works in Svelte 5 in legacy mode. For projects using runes, install @axqdesign/icons-svelte-runes instead. The API is identical, only the package name changes.

License

AXQ Icons is proprietary software. See LICENSE for details.