Info

Inline SVG Inline SVG

Inline SVG

4/13/2024

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

Features

  • Shortcode for the SVG element.
  • Partial for the SVG element.
  • Store your SVGs as a page resource or global resource.
  • Add SVGs hat respect dark mode and light mode.
  • Add icons from any icon set like tabler-icons, feather-icons, and more.
  • 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