Add Astro support for Tabler Icons

[codecalm]

🎯 Overview

This MR adds support for Astro framework in Tabler Icons, providing a new @tabler/icons-astro package and a test project to verify functionality.

✨ What's New

New Package: @tabler/icons-astro

• Full Astro component support for Tabler Icons
• Support for both outline and filled icon types
• Tree-shaking optimized exports for better performance
• TypeScript support with proper type definitions

Test Project: test/test-astro

• Test project demonstrating icon usage in Astro
• Consistent styling with other test projects (test-react, test-vue)
• Interactive icon toggle example
• Vite optimization configuration

🔧 Technical Details

Package Structure

• Core Components:
  • Icon.astro - Base icon component
  • createTablerIcon - Factory function for creating icon components
  • defaultAttributes - Default SVG attributes for outline/filled types
  • Type definitions for TypeScript support

Exports Configuration

• Main export: @tabler/icons-astro (utilities and types)
• Icons export: @tabler/icons-astro/icons (all icons, tree-shakeable)
• Direct icon imports: @tabler/icons-astro/icons/* (individual icons)

Key Features

• ✅ Support for type: 'outline' | 'filled' prop
• ✅ Customizable stroke, size, color props
• ✅ SSR compatible
• ✅ Tree-shaking friendly exports
• ✅ TypeScript support

📦 Usage

---
import { IconHome } from '@tabler/icons-astro/icons';
---

<IconHome size={24} color="currentColor" />

🧪 Testing

To test the package:

cd test/test-astro
pnpm install
pnpm dev

📝 Notes

• Package follows the same structure as other framework packages (React, Vue, Svelte)
• Exports are optimized to prevent loading all icons when importing from main module
• Test project matches styling and structure of other test projects for consistency

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Review	Updated (UTC)
tabler-icons	Ready	Preview, Comment	Dec 25, 2025 8:21pm

[github-actions]

✅ All icons are valid!