# Iconography

Learn how to integrate Lucide for iconography in Skeleton.

## Lucide

If you're looking for an opinionated solution, Skeleton recommends [Lucide](https://lucide.dev/). This provides a huge selection of icons that are available to all popular frameworks and feature a clean and modern style. All code examples in this documentation site implement Lucide, but feel free to replace with any alternative.

### Installation

Follow the official instructions to install [Lucide for Svelte](https://lucide.dev/guide/packages/lucide-svelte).

## Usage

For optimal performance we recommend importing each icon using the full path.

```svelte
<script>
	import IconSkull from '@lucide/svelte/icons/skull';
</script>

<IconSkull color="#ff3e98" />
```

## Alternatives

* [Iconify](https://iconify.design/) - provides a vast array of icon sets supported by popular icon libraries.
* [Font Awesome](https://fontawesome.com/) - provides a huge variety of icons in their free tier.
* [SimpleIcons](https://simpleicons.org/) - provides an excellent selection of brand icons.