# Vadivam Icons

> Browse pixel-perfect, open-source 24px outline icons for SVG, React, React Native, Vue, Svelte, Solid, Angular, Astro, and Preact.

## Changelog

- [v0.0.44](https://vadivam.praveenjuge.com/changelog/v0-0-44)
- [v0.0.42](https://vadivam.praveenjuge.com/changelog/v0-0-42)
- [v0.0.41](https://vadivam.praveenjuge.com/changelog/v0-0-41)
- [v0.0.40](https://vadivam.praveenjuge.com/changelog/v0-0-40)
- [v0.0.39](https://vadivam.praveenjuge.com/changelog/v0-0-39)
- [v0.0.38](https://vadivam.praveenjuge.com/changelog/v0-0-38)
- [v0.0.37](https://vadivam.praveenjuge.com/changelog/v0-0-37)
- [v0.0.36](https://vadivam.praveenjuge.com/changelog/v0-0-36)
- [v0.0.35](https://vadivam.praveenjuge.com/changelog/v0-0-35)
- [v0.0.34](https://vadivam.praveenjuge.com/changelog/v0-0-34)
- [v0.0.33](https://vadivam.praveenjuge.com/changelog/v0-0-33)
- [v0.0.32](https://vadivam.praveenjuge.com/changelog/v0-0-32)
- [v0.0.31](https://vadivam.praveenjuge.com/changelog/v0-0-31)
- [v0.0.30](https://vadivam.praveenjuge.com/changelog/v0-0-30)
- [v0.0.29](https://vadivam.praveenjuge.com/changelog/v0-0-29)
- [v0.0.28](https://vadivam.praveenjuge.com/changelog/v0-0-28)
- [v0.0.27](https://vadivam.praveenjuge.com/changelog/v0-0-27)
- [v0.0.26](https://vadivam.praveenjuge.com/changelog/v0-0-26)
- [v0.0.24](https://vadivam.praveenjuge.com/changelog/v0-0-24)
- [v0.0.23](https://vadivam.praveenjuge.com/changelog/v0-0-23)
- [v0.0.22](https://vadivam.praveenjuge.com/changelog/v0-0-22)
- [v0.0.21](https://vadivam.praveenjuge.com/changelog/v0-0-21)
- [v0.0.18](https://vadivam.praveenjuge.com/changelog/v0-0-18)
- [v0.0.17](https://vadivam.praveenjuge.com/changelog/v0-0-17)
- [v0.0.16](https://vadivam.praveenjuge.com/changelog/v0-0-16)
- [v0.0.15](https://vadivam.praveenjuge.com/changelog/v0-0-15)
- [v0.0.14](https://vadivam.praveenjuge.com/changelog/v0-0-14)
- [v0.0.13](https://vadivam.praveenjuge.com/changelog/v0-0-13)
- [v0.0.12](https://vadivam.praveenjuge.com/changelog/v0-0-12)
- [v0.0.11](https://vadivam.praveenjuge.com/changelog/v0-0-11)
- [v0.0.10](https://vadivam.praveenjuge.com/changelog/v0-0-10)
- [v0.0.9](https://vadivam.praveenjuge.com/changelog/v0-0-9)
- [v0.0.8](https://vadivam.praveenjuge.com/changelog/v0-0-8)
- [v0.0.7](https://vadivam.praveenjuge.com/changelog/v0-0-7)
- [v0.0.6](https://vadivam.praveenjuge.com/changelog/v0-0-6)
- [v0.0.5](https://vadivam.praveenjuge.com/changelog/v0-0-5)
- [v0.0.4](https://vadivam.praveenjuge.com/changelog/v0-0-4)
- [v0.0.3](https://vadivam.praveenjuge.com/changelog/v0-0-3)

## Docs

- [Vadivam](https://vadivam.praveenjuge.com/docs): Explore Vadivam’s pixel-perfect 24px outline icons and learn how to use them as SVG assets or components across modern UI frameworks.

### Get Started

- [Installation](https://vadivam.praveenjuge.com/docs/installation): Install the correct Vadivam icon package and required peer dependencies for React, React Native, Vue, Svelte, Solid, Angular, Astro, or Preact.
- [Usage, styling, and accessibility](https://vadivam.praveenjuge.com/docs/usage): Size, color, style, and label Vadivam icons consistently across supported frameworks while preserving visual and accessible behavior.
- [Dynamic icons](https://vadivam.praveenjuge.com/docs/dynamic-icons): Load Vadivam icons safely from runtime names, validate untrusted values, and choose the appropriate dynamic API for each framework.
- [AI agents](https://vadivam.praveenjuge.com/docs/ai-agents): Learn when to use Vadivam and how AI agents can consume its icon catalog, documentation, SVG assets, and framework packages safely.

### Frameworks

- [Core SVG and JavaScript](https://vadivam.praveenjuge.com/docs/core): Use the core Vadivam package for optimized SVG assets, icon-node data, catalog metadata, sprites, and browser DOM helpers.
- [React](https://vadivam.praveenjuge.com/docs/react): Use free, open-source Vadivam SVG icon components in React with tree-shakeable imports, shared defaults, and accessible labeling.
- [React Native](https://vadivam.praveenjuge.com/docs/react-native): Use free, open-source Vadivam icon components with React Native and Expo through react-native-svg, including dynamic imports and accessibility.
- [Vue](https://vadivam.praveenjuge.com/docs/vue): Use free, open-source Vadivam SVG icon components in Vue 3 with shared defaults, per-icon imports, and runtime icon names.
- [Svelte](https://vadivam.praveenjuge.com/docs/svelte): Use free, open-source Vadivam SVG icon components in Svelte 5 with shared defaults, per-icon imports, and dynamic runtime names.
- [Solid](https://vadivam.praveenjuge.com/docs/solid): Use free, open-source Vadivam SVG icon components in Solid applications with shared defaults, per-icon imports, and runtime names.
- [Angular](https://vadivam.praveenjuge.com/docs/angular): Use free, open-source Vadivam standalone SVG icon directives, configuration providers, and dynamic names in Angular.
- [Astro](https://vadivam.praveenjuge.com/docs/astro): Use free, open-source Vadivam static SVG icon components in Astro 7 with per-icon imports, runtime names, and no client JavaScript.
- [Preact](https://vadivam.praveenjuge.com/docs/preact): Use free, open-source Vadivam SVG icon components in Preact with shared defaults, per-icon imports, and dynamic runtime names.

### Advanced

- [Contributing and icon guidelines](https://vadivam.praveenjuge.com/docs/contributing): Set up the Vadivam monorepo, contribute safe and consistent 24px outline icons, and validate package or documentation changes.

## RSS Feeds

- [Vadivam Icons — Changelog](https://vadivam.praveenjuge.com/changelog/rss.xml)

## Icon catalog

- [Browse all Vadivam icons](https://vadivam.praveenjuge.com/): Search the complete icon catalog, copy SVG markup, and find framework components.