### Install Flowbite Svelte Icons for Svelte 5+

Source: https://github.com/themesberg/flowbite-svelte-icons/blob/main/README.md

Installs the latest version of flowbite-svelte-icons for Svelte 5 or later using pnpm. This command adds the package as a development dependency.

```sh
pnpm i -D flowbite-svelte-icons
```

--------------------------------

### Install Flowbite Svelte Icons for Svelte 4/5

Source: https://github.com/themesberg/flowbite-svelte-icons/blob/main/README.md

Installs the v1 latest version of flowbite-svelte-icons for Svelte 4/5 using pnpm. This command adds the package as a development dependency.

```sh
pnpm i -D flowbite-svelte-icons@v1-latest
```

--------------------------------

### Tailwind CSS Configuration for Flowbite Svelte Icons

Source: https://github.com/themesberg/flowbite-svelte-icons/blob/main/README.md

Configures Tailwind CSS to recognize files from the flowbite-svelte-icons package. This is typically added to the tailwind.config.cjs file to ensure icons are processed correctly by Tailwind.

```javascript
const config = {
  content: [
    // more lines
    './node_modules/flowbite-svelte-icons/**/*.{html,js,svelte,ts}'
  ]
  // more lines
};
```

--------------------------------

### TypeScript Icon Definitions

Source: https://github.com/themesberg/flowbite-svelte-icons/blob/main/src/routes/guide/svelte-4/props/md/types.md

Defines the TypeScript types for Flowbite Svelte Icons. Includes types for title, description, base properties like size, color, and event handlers, as well as specific props for icons.

```typescript
type TitleType = {
  id?: string;
  title?: string;
};
type DescType = {
  id?: string;
  desc?: string;
};

interface BaseProps {
  size?: "xs" | "sm" | "md" | "lg" | "xl";
  role?: string;
  color?: string;
  withEvents?: boolean;
  onclick?: (event: MouseEvent) => void;
  onkeydown?: (event: KeyboardEvent) => void;
  onkeyup?: (event: KeyboardEvent) => void;
  // only Outline icons
  strokeWidth?: string;
}

interface CtxType extends BaseProps {}
interface Props extends BaseProps{
  title?: TitleType;
  desc?: DescType;
  ariaLabel?: string;
  size?: "xs" | "sm" | "md" | "lg" | "xl";
}
```

--------------------------------

### Svelte Icon Type Definitions

Source: https://github.com/themesberg/flowbite-svelte-icons/blob/main/src/routes/guide/svelte-5/props/md/types.md

Defines various types and interfaces for Svelte icon components. Includes size variants, accessibility properties, and base SVG attributes for customization.

```typescript
import type { SVGAttributes } from 'svelte/elements';

export type Size = 'xs' | 'sm' | 'md' | 'lg' | 'xl';

export type TitleType = {
  id: string;
  title?: string;
} | undefined;

export type DescType = {
  id: string;
  desc?: string;
} | undefined;

export interface BaseProps extends SVGAttributes<SVGElement> {
  size?: Size;
  color?: string | null;
}

export interface OutlineBaseProps extends BaseProps{
  strokeWidth?: number | `${number}`;
}

export interface AccessibleProps {
  title?: TitleType;
  desc?: DescType;
  ariaLabel?: string;
}

export interface Props extends BaseProps, AccessibleProps {}

export interface OutlineProps extends OutlineBaseProps, AccessibleProps {}
```

=== COMPLETE CONTENT === This response contains all available snippets from this library. No additional content exists. Do not make further requests.