svelte-hero-icons

• Purpose: Provides a complete set of Heroicons optimized for Svelte, with support for solid, outline, mini, and micro versions.
• Key Features:
  • Programmatically switch between icon variants using attributes (solid, mini, micro).
  • Fully typed for IDE support.
  • SSR-compatible (no client-side JavaScript required).
  • Works seamlessly with SvelteKit.
  • Supports dynamic sizing and styling via attributes or Tailwind/Windi CSS classes.
• Target Audience: Svelte developers looking for an easy-to-use, optimized icon library with type safety and SSR support.
• Framework Support: Primarily for Svelte (though mentions a successor, @steeze-ui/icons, which supports multiple frameworks).
• Icon Variants: Outline (default), Solid, Mini, and Micro.
• Typing: Includes TypeScript support for better developer experience.
• Usage Example:

  <script>
    import { Icon, Filter } from "svelte-hero-icons";
  </script>
  <Icon src={Filter} solid size="32" class="text-red-500" />
  

• Note: Part of the @steeze-ui/icons ecosystem, which expands icon packs and framework support.