Info

Inline SVG Inline SVG

Inline SVG

4/13/2024

Inline SVG is the official inline SVG integration for the Thulite web framework.

Features

  • Shortcode for the SVG element
  • Partial for the SVG element
  • Store your SVGs as a page resource or global resource
  • Add SVGs that respect dark mode and light mode
  • Add icons from any icon set like for example Tabler Icons or Feather Icons
  • Specify SVG attributes like width, height, viewBox, and more

Icon sets

You can install and use multiple icon sets. Change the default icon set in your params.toml file.

params.toml
# Inline SVG (@thulite/inline-svg)
[inline_svg]
  iconSetDir = "tabler-icons" # "tabler-icons" (default)

Full documentation

Step-by-step instructions to get started with Inline SVG can be found in the documentation.

← Back to projects