Sprite your SVGs

Transform and optimize your SVGs by generating an efficient sprite. This tool helps in reducing HTTP requests, offers CSS-stylable icons, and externalizes icon data for a smaller JS bundle.

Features

• Improved Performance: Reduces the number of HTTP requests.
• Styling Flexibility: Allows for CSS-styled icons.
• Smaller JS Bundle: Externalizes icon data.

Why Use "Sprite your SVGs"?

Still not convinced about the benefits? Dive deeper into the topic:

• Ben Adam's blog post
• Jacob Paris's insights on SVG icons
• Kent C. Dodds' Epic Stack documentation

Tech Stack

• Framework: SvelteKit
• Styling: TailwindCSS
• UI Components: Melt-UI

Getting Started

1. Clone the repository.
2. Install dependencies using npm install.
3. Start the development server using npm run dev.

Enjoy spriting your SVGs!