Packages
MeloSpot Icons is available for all major frameworks. Choose the package that fits your tech stack.
Available Packages
React
@melospot/icons-react
Official React components for MeloSpot Icons. Works with Next.js, Create React App, and Vite.
npm install @melospot/icons-reactVue
@melospot/icons-vue
Vue 3 components for MeloSpot Icons. Compatible with Nuxt 3 and Vite.
npm install @melospot/icons-vueSvelte
@melospot/icons-svelte
Svelte components for MeloSpot Icons. Works with SvelteKit.
npm install @melospot/icons-svelteAngular
@melospot/icons-angular
Angular components for MeloSpot Icons. Compatible with Angular 15+.
npm install @melospot/icons-angularSolid
@melospot/icons-solid
Solid.js components for MeloSpot Icons.
npm install @melospot/icons-solidPreact
@melospot/icons-preact
Preact components for MeloSpot Icons. Lightweight alternative to React.
npm install @melospot/icons-preactReact Native
@melospot/icons-react-native
React Native components for MeloSpot Icons. Works with Expo.
npm install @melospot/icons-react-nativeSVG Files
@melospot/icons-svg
Raw SVG files for use in any project. No framework required.
npm install @melospot/icons-svgCDN Usage
You can also use MeloSpot Icons directly from a CDN without any build step:
<!-- Include via CDN --> <script src="https://unpkg.com/@melospot/icons@latest/dist/icons.min.js"></script> <!-- Use in HTML --> <svg class="melospot-icon"> <use href="#arrow-right"></use> </svg>