Poxil

Pixel-art icon library for Svelte 5. Crisp 24×24 icons, tree-shakeable, typed.

Install

npm i @poxilicon/svelte
# or: pnpm add @poxilicon/svelte

Requires svelte@^5.

Usage

<script>
  import { ArrowDown } from '@poxilicon/svelte';
</script>

<ArrowDown />
<ArrowDown size={48} color="#ff3e00" />

Import a single icon by subpath — same result, explicit:

import ArrowDown from '@poxilicon/svelte/ArrowDown';

Props

Every icon forwards all native <svg> attributes (class, style, onclick, …) plus:

| Prop | Type | Default | Notes | | ------- | -------- | -------------- | -------------------------------------------------------------------------- | | size | number | 24 | Width & height in px. | | color | string | currentColor | Fill color. Inherits text color by default. | | title | string | — | Accessible label. Sets role="img"; without it the icon is aria-hidden. |

Accessibility

Icons are decorative by default (aria-hidden). Pass title (or aria-label) when the icon carries meaning:

<ArrowDown title="Scroll down" />

TypeScript

import { iconNames, type IconName } from '@poxilicon/svelte';

const name: IconName = 'ArrowDown';

License

MIT © aimsomnia