` and `` nodes when provided - Expected presentational attributes such as `width`, `height`, `viewBox`, and custom attributes (for example `stroke-width`) {{< details "Example (excerpt)" >}} ```html ``` {{< /details >}} ## Verify resource resolution Confirm that the integration resolves both icon names and SVG file paths correctly. Check for: - Icon-name resolution from your configured `iconSetDir` (for example `src="check"`) - Relative and global resource paths resolving correctly (for example `logo.svg` and `svgs/logos/logo.svg`) - No missing-resource errors in the build output - Correct behavior when switching icon set configuration values If an SVG is not found, review [Placement](/docs/basics/placement/) and [Configuration](/docs/start-here/configuration/) and verify your `src` path is correct relative to `assets`. ## Validate in the browser Open your pages in DevTools and verify runtime behavior in real conditions. Check for: - No 404 responses for any referenced SVG resources - Expected sizing, alignment, and inherited color behavior - Correct light/dark mode behavior when using theme-specific SVG variants - No accessibility issues caused by missing labels on meaningful icons ## Use tools Use external tools to validate accessibility and rendering quality. For example: - [Lighthouse](https://developer.chrome.com/docs/lighthouse/overview) - [WAVE Web Accessibility Evaluation Tool](https://wave.webaim.org/) - [Nu Html Checker](https://validator.w3.org/nu/) If anything looks incorrect, continue to the [Troubleshooting](/docs/start-here/troubleshooting/) guide.

# VerificationVerify Thulite SVG output by checking inline markup, resource resolution, browser behavior, and accessibility with practical inspection steps and tools. This guide helps you verify that Thulite SVG is resolving and rendering SVG markup as expected. ## Inspect generated HTML View page source in your browser and confirm that inline SVG markup is generated. Check for: - `