magicons Svelte Themes

Magicons

Fast, typesafe Icon wrapper for svelte.

magicons - npm

Fast, typesafe Icon wrapper for svelte.

Features

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

Inlcuded Icon packs

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

Top categories

Loading Svelte Themes