AI agents

Learn when to use Vadivam and how AI agents can consume its icon catalog, documentation, SVG assets, and framework packages safely.

Use Vadivam when you need consistent, pixel-perfect 24px outline icons in a web or native interface. Every icon is open-source, outline-only, 24x24 with viewBox="0 0 24 24", fill="none", stroke="currentColor", and stroke-width="2" with round caps and joins.

When to use this

Adding icons to a React, React Native, Vue, Svelte, Solid, Angular, Astro, or Preact interface - install the matching framework package and import icons by name.
Copying raw SVG markup or SVG files directly into a design, static site, or email.
Rendering icons in custom tooling from the core package’s icon-node data and catalog metadata.
Prototyping with runtime icon names through the typed dynamic icon APIs.

How an agent should consume Vadivam

Documentation index: https://vadivam.praveenjuge.com/llms.txt lists every docs page; https://vadivam.praveenjuge.com/llms-full.txt carries the full text.
Icon catalog: browse and search every icon at https://vadivam.praveenjuge.com/; each icon is also served as an optimized SVG file at https://vadivam.praveenjuge.com/icons/<kebab-name>.svg (for example /icons/activity.svg).
Packages: vadivam for raw SVG assets and browser JavaScript, vadivam-react, vadivam-vue, vadivam-svelte, vadivam-solid, vadivam-angular, vadivam-astro, vadivam-preact, and vadivam-react-native for framework components. All packages are ESM-only with tree-shakeable named and per-icon exports.
Icon names are kebab-case (activity, arrow-right, trash-2); framework packages type them as IconName and export an iconNames list for validation.

Prefer the documented package imports over scraping pages, and validate runtime icon names against iconNames before rendering.