Use Thulite SVG to place, render, and style SVGs and icons in content and templates.

Placement

Start by placing SVGs and icons in locations that Thulite can resolve.

Placement

Place your SVG files and icons where Thulite can find them.

Add to content

Render SVGs and icons in Markdown content with the inline-svg shortcode.

SVGs

Embed SVG files directly in your Markdown content.

Icons

Insert icon symbols inline with a simple shortcode.

Add to templates

Render SVGs and icons in templates with the inline-svg partial.

SVGs

Render SVG files in templates with the inline-svg partial.

Icons

Render icons in templates with the inline-svg partial.

Accessibility

Make SVGs and icons accessible with clear labels and sensible defaults.

Accessibility

Make every SVG and icon clear, readable, and accessible.

Styling

Adjust size, color, and alignment so SVGs and icons match your design.

Styling

Style SVGs and icons to match your site design.