Axolt Svicon Ant

A Svelte component library providing Ant Design icons with a simple, declarative API.

Browse available icons at the official Ant Design icon page. Note: Svicon's API differs from the official implementation.

Installation

npm install @axolt/svicon-ant

Quick Start

<script>
	import { BackwardFilled } from '@axolt/svicon-ant';
</script>

<BackwardFilled />

API Reference

Props

| Prop | Type | Default | Description | |------|------|---------|-------------| | size | string | '1em' | Icon width and height | | width | string | — | Icon width (overrides size) | | height | string | — | Icon height (overrides size) | | className | string | — | CSS classes for the SVG element | | style | string | — | Inline CSS styles | | rotate | number | 0 | Rotation angle (degrees) | | spin | boolean | false | Enable spin animation (1.5s default) | | fill | string | 'inherit' | Fill color | | twoToneColors | object | See below | Two-tone icon colors |

Two-Tone Colors

twoToneColors: {
  lineTone: string    // default: '#333'
  fillTone: string    // default: '#E6E6E6'
}

Customizing Spin Duration

Edit node_modules/@axolt/svicon-ant/dist/components/svicon-ant.css to adjust the spin animation duration.