Thulite SVG

Improve your SVGs performance

SVGs for Thulite websites. Simple setup. Sensible defaults.

Get Started
params.toml
# Inline SVG (@thulite/inline-svg)
[inline_svg]
  iconSetDir = "tabler-icons" # "tabler-icons" (default)
  iconSetVariant = "outline" # outline (default) or filled

What's included

Inline SVG

SVGs are embedded directly in your markup for full control and better performance.

Automatic optimization

SVG files are cleaned and minimized during build to reduce file size.

Style with CSS

Easily control colors, size, and states using standard CSS.

Simple integration

Import and use SVGs with minimal setup or configuration.

Reusable components

Use SVGs as reusable components across your site.

Open source

Help keep Thulite sustainable by supporting maintenance, documentation, and long-term development.

Sponsor Thulite

FAQs

What does Thulite SVGs do?Thulite SVGs makes it easy to use, optimize, and integrate SVGs in your project.
Why use SVGs instead of images?SVGs are lightweight, scalable, and crisp at any size—ideal for icons and UI elements.
Do I need to optimize SVGs manually?No. SVGs are automatically optimized for efficient delivery.
Can I style SVGs with CSS?Yes. You can style SVGs with CSS or utility classes for full control.
Does it work with Markdown and HTML?Yes. SVGs integrate seamlessly with Markdown and HTML in your project.