magicons - npm

Fast, typesafe Icon wrapper for svelte.

Features

• Tailwindcss support
• Preprocess for instant icons in dev
• Treeshakeable

Inlcuded Icon packs

• Hero - npm
• Lucide - npm

Usage

<script>
  import { Icon, type Icons } from "@magicons/core"
  const icon: Icons = "@hero-ChevronDown"
</script>

<Icon src={icon} class="size-12" />

Eg. all strings matching the pattern @hero- will generate the correct imports making this extremely fast.

Read more in the docs