open-index/open-npm huggingface dataset:
npm package: @icony-dev/icony
Description: Fetch icon sets from icony.dev for use with react-icomoon
Latest version: 0.0.1

# icony

Fetch icon sets from [icony.dev](https://icony.dev) for use with [react-icomoon](https://github.com/aykutkardas/react-icomoon).

## Installation

```bash
npm install @icony-dev/icony
```

## Usage

### Fetch an icon set

```js
import Icony from "@icony-dev/icony";

const iconSet = await Icony.fetch({ collectionId: "your-collection-id" });
```

### Use with react-icomoon

```js
import Icony from "@icony-dev/icony";
import IcoMoon from "react-icomoon";

const iconSet = await Icony.fetch({ collectionId: "your-collection-id" });

const Icon = (props) => <IcoMoon iconSet={iconSet} {...props} />;

export default Icon;
```

### Pass extra query parameters

Any additional properties besides `collectionId` and `baseUrl` are appended to the request URL as query string parameters.

```js
const iconSet = await Icony.fetch({ collectionId: "your-collection-id", theme: "dark" });
// → https://icony.dev/collections/your-collection-id/selection.json?theme=dark
```

### Custom base URL

```js
const iconSet = await Icony.fetch({
  collectionId: "your-collection-id",
  baseUrl: "https://staging.icony.dev/collections",
});
```

### Get icon names

Returns an array of all icon names in the icon set.

```js
const iconSet = await Icony.fetch({ collectionId: "your-collection-id" });
const names = Icony.getIconNames(iconSet);
// → ["arrow-left", "arrow-right", "close", ...]
```

### Check if an icon exists

```js
const iconSet = await Icony.fetch({ collectionId: "your-collection-id" });

Icony.hasIcon(iconSet, "arrow-left"); // → true
Icony.hasIcon(iconSet, "unicorn");    // → false
```

## API

### `Icony.fetch(options)`

| Option | Type | Required | Description |
|--------|------|----------|-------------|
| `collectionId` | `string` | ✅ | The ID of the collection on icony.dev |
| `baseUrl` | `string` | — | Override the base URL (default: `https://icony.dev/collections`) |
| `...params` | `any` | — | Additional query string parameters |

Returns a `Promise` that resolves to the icon set JSON, compatible with `react-icomoon`.

Throws an error if:
- `collectionId` is missing
- The collection is not found or the request fails

---

### `Icony.getIconNames(iconSet)`

| Param | Type | Required | Description |
|-------|------|----------|-------------|
| `iconSet` | `object` | ✅ | The icon set returned by `Icony.fetch()` |

Returns a `string[]` of all icon names.

---

### `Icony.hasIcon(iconSet, name)`

| Param | Type | Required | Description |
|-------|------|----------|-------------|
| `iconSet` | `object` | ✅ | The icon set returned by `Icony.fetch()` |
| `name` | `string` | ✅ | The icon name to look up |

Returns `true` if the icon exists, `false` otherwise.

## License

MIT
npm package: @icony/vue-container
Description: vue/vue-router/vuex/axios/js-cookie based,resolve dependency inconsistencies problem of multiple Vue projects 
Author: icony（ 精武陈真）
Latest version: 1.0.6

# @icony/vue-container
基于vue,vuex,vue-router,axios,js-cookie,localStorage封装，保证多个vue项目底层依赖相同。
npm package: @iconz/iconz
Description: Beautiful icon library for CDN - 1000+ icons ready for Vanilla JavaScript
Latest version: 1.0.1

# @iconz/iconz

Beautiful, lightweight SVG icon library optimized for CDN distribution. 1000+ production-ready icons with zero dependencies.

## Features

✨ **1000+ Icons** - Comprehensive icon collection  
⚡ **Lightweight** - ~50KB minified  
🎨 **Customizable** - Size, color, stroke width  
🚀 **No Dependencies** - Pure vanilla JavaScript  
📦 **CDN Ready** - jsDelivr & unpkg support



## Quick Start

### Via CDN

```html
<script src="https://cdn.jsdelivr.net/npm/@iconz/iconz@1.0.1/dist/iconz.min.js"></script>

<!-- Use icons -->
<i iconz="heart"></i>
<i iconz="search" size="24"></i>
<i iconz="settings" color="red"></i>
```

### Usage of icons 
```html
<i iconz="heart"></i>
<i iconz="search" size="24"></i>
<i iconz="settings" color="red"></i>
```
### Via NPM

```bash
npm install @iconz/iconz
```

```javascript
import { renderIcon } from '@iconz/iconz';

const icon = renderIcon('heart', { size: 32, color: 'red' });
document.body.appendChild(icon);
```



## Usage

### HTML Attributes

```html
<!-- Basic -->
<i iconz="heart"></i>

<!-- With size -->
<i iconz="heart" size="32"></i>

<!-- With color -->
<i iconz="search" size="24" color="blue"></i>

<!-- With stroke width -->
<i iconz="star" size="40" stroke="2"></i>

<!-- Combined -->
<i iconz="download" size="32" color="#667eea" stroke="2"></i>
```

### JavaScript API

```javascript
const { renderIcon, getIcon } = window.iconz;

// Render icon
const icon = renderIcon('heart', { size: 24, color: 'red' });
document.body.appendChild(icon);

// Get icon data
const data = getIcon('heart');
```

### With Tailwind CSS

```html
<i iconz="heart" size="24" class="text-red-500"></i>
<i iconz="download" size="20" class="text-blue-600"></i>
```



## API Reference

### renderIcon(name, options)

```javascript
renderIcon('heart', {
  size: 24,           // Icon size in pixels
  color: 'red',       // Icon color
  stroke: 2,          // Stroke width
  className: ''       // CSS classes
});
// Returns: SVGElement
```

### getIcon(name)

Get icon data without rendering.

```javascript
const data = getIcon('heart');
```



## Icon Names

All icons use kebab-case naming:

```
heart, star, search, settings, download, upload
arrow-up, arrow-down, arrow-left, arrow-right
check, x, plus, minus, trash, bell, menu
... 1000+ more icons
```

See [cdn-example.html](./cdn-example.html) for interactive preview.


## License

MIT © 2026 devchauhann

All icons are free for commercial use.


## Support

- 📚 [Documentation](https://https://iconz-iconz.vercel.app/)
- 🐛 [Issues](https://github.com/devchauhann/iconz/issue)
- 🎨 [Preview](./cdn-example.html)


**Built with ❤️ by [devchauhann](https://github.com/devchauhann)**