open-index/open-npm huggingface dataset:
npm package: @iconify/icons-vscode-icons
Description: Iconify icon components for VSCode Icons
Latest version: 1.2.29

# VSCode Icons

This package includes individual files for each icon, ready to be imported into a project.

Each icon is in its own file, so you can bundle several icons from different icon sets without bundling entire icon sets.

Data is stored in `IconifyIcon` format. See [IconifyIcon documentation](https://iconify.design/docs/types/iconify-icon.html).

## Installation

```bash
npm install @iconify/icons-vscode-icons --save-dev
```

## Usage

For information about this package, see [Iconify documentation](https://iconify.design/docs/icons/icons.html).

Icon data can be used with many tools and components, see [Iconify documentation](https://iconify.design/docs/usage/).

To convert to SVG, you can use [Iconify Utils](https://iconify.design/docs/libraries/utils/examples/export-svgs-from-icon-set.html) for basic usage or [Iconify Tools](https://iconify.design/docs/libraries/tools/).
npm package: @iconify/icons-wpf
Description: Iconify icon components for Icons8 Windows 8 Icons
Latest version: 1.2.3

# Icons8 Windows 8 Icons

This package includes individual files for each icon, ready to be imported into a project.

Each icon is in its own file, so you can bundle several icons from different icon sets without bundling entire icon sets.

Data is stored in `IconifyIcon` format. See [IconifyIcon documentation](https://docs.iconify.design/types/iconify-icon.html).

## Installation

```bash
npm install @iconify/icons-wpf --save-dev
```

## Usage

For information about this package, see [Iconify documentation](https://docs.iconify.design/icons/icons.html).

For information about icon components that use this package, see [Iconify icon components documentation](https://docs.iconify.design/icon-components/).
npm package: @iconify/icons-zondicons
Description: Iconify icon components for Zondicons
Latest version: 1.2.3

# Zondicons

This package includes individual files for each icon, ready to be imported into a project.

Each icon is in its own file, so you can bundle several icons from different icon sets without bundling entire icon sets.

Data is stored in `IconifyIcon` format. See [IconifyIcon documentation](https://docs.iconify.design/types/iconify-icon.html).

## Installation

```bash
npm install @iconify/icons-zondicons --save-dev
```

## Usage

For information about this package, see [Iconify documentation](https://docs.iconify.design/icons/icons.html).

For information about icon components that use this package, see [Iconify icon components documentation](https://docs.iconify.design/icon-components/).
npm package: @iconify/library-builder
Description: Build script to compile TypeScript files to both ES and CommonJS modules.
Author: Vjacheslav Trushkin
Latest version: 1.0.5
Deprecated: switch to unbuild

# ES Builder

This is a library for transpiling TypeScript files.

It is not a bundler! It builds libraries that export multiple single files, not bundles.

What does it do?

-   Creates both ES and CommonJS modules in target directory. CommonJS files use '.js' extension, ES files use '.mjs' extension.
-   Creates TypeScript definition files for each file.
-   Rewrites imports paths in ES modules.
-   Updates exports field in package.json
-   Tests ES imports

Why is it needed?

-   ES modules should have full import paths, including extension, but TypeScript compiler cannot rewrite imports, so it cannot change target extension, so `tsc` cannot be reliably used to create ES modules.
-   Using other tools, such as `esbuild` requires custom plugin. This package is used by multiple packages, so it makes sense to split code into a separate package to make it easily reusable.
-   Currently `tsup` is the only viable alternative, but it is meant to be used as bundler. Without bundle option it currently fails to generate TypeScript definition files.
-   Reusable functions for updating package.json and for testing ES imports.

## Documentation

Requirements for using build process:

-   Create `tsconfig.json` that creates CommonJS modules, saves declarations, has `importsNotUsedAsValues` set to `error`.
-   Add script to `package.json` for building source code, such as `"build:source": "tsc -b",`. If you have multipe

To build packages, create `build.js` in your package:

```js
/* eslint-disable */
const { buildFiles } = require('@iconify/library-builder');

buildFiles({
	root: __dirname,
	source: './src',
	target: './lib',
})
	.then(() => {
		console.log('Done');
	})
	.catch((err) => {
		console.error(err);
		process.exit(1);
	});
```

Source and target paths must be relative to root directory and start with `./`.

## License

The library is released with MIT license.

© 2021 Vjacheslav Trushkin / Iconify OÜ
npm package: @iconify/tailwind
Description: Iconify plugin for Tailwind CSS
Author: Vjacheslav Trushkin
Latest version: 1.2.0

# Iconify for Tailwind CSS

This plugin creates CSS for over 150k open source icons.

[Browse icons at Iconify](https://icon-sets.iconify.design/) to see all icons.

## Usage

[See Iconify for Tailwind CSS documentation](https://iconify.design/docs/usage/css/tailwind/#installation).

## License

This package is licensed under MIT license.

`SPDX-License-Identifier: MIT`

This license does not apply to icons. Icons are released under different licenses, see each icon set for details.
Icons available by default are all licensed under some kind of open-source or free license.

© 2023-PRESENT Vjacheslav Trushkin
npm package: @iconify/tools
Description: Collection of functions for cleaning up and parsing SVG for Iconify project
Author: Vjacheslav Trushkin
Latest version: 5.0.11

# Iconify Tools

This library is a collection of tools for importing, exporting and processing SVG images.

Its main purpose is to convert icon sets and fonts to Iconify JSON collections, but it can be used for other purposes.

## Installation

First install it by running this command:

```
npm install @iconify/tools --save
```

## Example

The following code example does the following:

-   Imports set of SVG from directory.
-   Cleans up all icons.
-   Changes colors in all icons to `currentColor`.
-   Optimises icons.
-   Exports icons as `IconifyJSON` icon set.

```js
import { promises as fs } from 'fs';
import { importDirectory } from '@iconify/tools/lib/import/directory';
import { cleanupSVG } from '@iconify/tools/lib/svg/cleanup';
import { runSVGO } from '@iconify/tools/lib/optimise/svgo';
import { parseColors, isEmptyColor } from '@iconify/tools/lib/colors/parse';

(async () => {
	// Import icons
	const iconSet = await importDirectory('svg/test', {
		prefix: 'test',
	});

	// Validate, clean up, fix palette and optimise
	await iconSet.forEach(async (name, type) => {
		if (type !== 'icon') {
			return;
		}

		const svg = iconSet.toSVG(name);
		if (!svg) {
			// Invalid icon
			iconSet.remove(name);
			return;
		}

		// Clean up and optimise icons
		try {
			cleanupSVG(svg);
			await parseColors(svg, {
				defaultColor: 'currentColor',
				callback: (attr, colorStr, color) => {
					return !color || isEmptyColor(color)
						? colorStr
						: 'currentColor';
				},
			});
			runSVGO(svg);
		} catch (err) {
			// Invalid icon
			console.error(`Error parsing ${name}:`, err);
			iconSet.remove(name);
			return;
		}

		// Update icon
		iconSet.fromSVG(name, svg);
	});

	// Export as IconifyJSON
	const exported = JSON.stringify(iconSet.export(), null, '\t') + '\n';

	// Save to file
	await fs.writeFile(`output/${iconSet.prefix}.json`, exported, 'utf8');
})();
```

## Documentation

Full documentation is too big for simple README file. See [Iconify Tools documentation](https://docs.iconify.design/tools/tools2/) for detailed documentation with code samples.

## Synchronous functions

Most functions in example above are asynchronous.

If you need to import or parse icons synchronously, such as in config file of package that does not support async configuration files, most functions have synchronous copies, such as `importDirectorySync()`.

## License

Library is released with MIT license.

© 2021-PRESENT Vjacheslav Trushkin
npm package: @iconify/utils
Description: Common functions for working with Iconify icon sets used by various packages.
Author: Vjacheslav Trushkin
Latest version: 3.1.0

# Iconify Utils

This is a set of helper functions that deal with Iconify icon sets.

Functions are split into a separate library because they are reused in many projects.

## Installation

To install the library run this command:

```
npm install @iconify/utils --save
```

## Documentation

Documentation is available at [Iconify documentation website](https://iconify.design/docs/libraries/utils/).

## License

The library is released with MIT license.

© 2021-PRESENT Vjacheslav Trushkin
npm package: @iconizza/api-redundancy
Description: Reusable redundancy library for API queries
Author: Dennis Ollhoff
Latest version: 0.0.2

# Redundancy

This package provides redundancy management for scripts that use API. It detects API connection timeouts and re-sends queries to backup API host(s).

It was designed to be used with Iconizza icon components and plugins. It ensures that icon data is automatically retrieved from backup API in case main API server is unreachable, improving API uptime.

## Usage

Due to time constraints, documentation is not available.

See `lib/api/` in `core` package in sibling directory of this repository for usage.

## License

This package is licensed under MIT license.

`SPDX-License-Identifier: MIT`

Previous versions of this package were dual-licensed under Apache 2.0 and GPL 2.0 licence, which was messy and confusing. This was later changed to MIT for simplicity.

© 2023-PRESENT Dennis Ollhoff
npm package: @iconizza/core
Description: Reusable files used by multiple Iconizza packages
Author: Dennis Ollhoff
Latest version: 0.0.2

# Iconizza Core

Iconizza is the most versatile icon framework.

-   Unified icon framework that can be used with any icon library.
-   Out of the box includes 150+ icon sets with 200,000 icons.
-   Embed icons in HTML with SVG framework or components for front-end frameworks.
-   Embed icons in designs with plug-ins for Figma and Sketch.
-   Add icon search to your applications with Iconizza Icon Finder.

For more information visit [https://iconizza.design/](https://iconizza.design/).

Iconizza Core contains code shared among various Iconizza implementations.

## Documentation

Documentation is currently not available because there is no demand for it.

If anyone would like to create custom Iconizza implementation and needs documentation for Iconizza Core, please create an issue on Iconizza repository on GitHub.

You can browse [icon components documentation](https://iconizza.design/docs/icon-components/), which explains how most functions exported by core package work. Components mostly just re-export functions from this package.

## License

This package is licensed under MIT license.

`SPDX-License-Identifier: MIT`

Previous versions of this package were dual-licensed under Apache 2.0 and GPL 2.0 licence, which was messy and confusing. This was later changed to MIT for simplicity.

© 2023-PRESENT Dennis Ollhoff
npm package: @iconizza/tools
Description: Collection of functions for cleaning up and parsing SVG for Iconizza project
Author: Dennis Ollhoff
Latest version: 0.0.1

# Iconizza Tools

This library is a collection of tools for importing, exporting and processing SVG images.

Its main purpose is to convert icon sets and fonts to Iconizza JSON collections, but it can be used for other purposes.

## Installation

First install it by running this command:

```
npm install @iconizza/tools --save
```

## Example

The following code example does the following:

-   Imports set of SVG from directory.
-   Cleans up all icons.
-   Changes colors in all icons to `currentColor`.
-   Optimises icons.
-   Exports icons as `IconizzaJSON` icon set.

```js
import { promises as fs } from 'node:fs'
import { importDirectory } from '@iconizza/tools/lib/import/directory'
import { cleanupSVG } from '@iconizza/tools/lib/svg/cleanup'
import { runSVGO } from '@iconizza/tools/lib/optimise/svgo'
import { isEmptyColor, parseColors } from '@iconizza/tools/lib/colors/parse';

(async () => {
   // Import icons
   const iconSet = await importDirectory('svg/test', {
      prefix: 'test',
   })

   // Validate, clean up, fix palette and optimise
   await iconSet.forEach(async (name, type) => {
      if (type !== 'icon')
         return

      const svg = iconSet.toSVG(name)
      if (!svg) {
         // Invalid icon
         iconSet.remove(name)
         return
      }

      // Clean up and optimise icons
      try {
         cleanupSVG(svg)
         await parseColors(svg, {
            defaultColor: 'currentColor',
            callback: (attr, colorStr, color) => {
               return !color || isEmptyColor(color)
                  ? colorStr
                  : 'currentColor'
            },
         })
         runSVGO(svg)
      }
      catch (err) {
         // Invalid icon
         console.error(`Error parsing ${name}:`, err)
         iconSet.remove(name)
         return
      }

      // Update icon
      iconSet.fromSVG(name, svg)
   })

   // Export as IconizzaJSON
   const exported = `${JSON.stringify(iconSet.export(), null, '\t')}\n`

   // Save to file
   await fs.writeFile(`output/${iconSet.prefix}.json`, exported, 'utf8')
})()
```

## Documentation

Full documentation is too big for simple README file. See [Iconizza Tools documentation](https://docs.iconizza.design/tools/tools2/) for detailed documentation with code samples.

## Synchronous functions

Most functions in example above are asynchronous.

If you need to import or parse icons synchronously, such as in config file of package that does not support async configuration files, most functions have synchronous copies, such as `importDirectorySync()`.

## License

Library is released with MIT license.

© 2023-PRESENT Dennis Ollhoff
npm package: @iconizza/utils
Description: Common functions for working with Iconizza icon sets used by various packages.
Author: Dennis Ollhoff
Latest version: 0.0.2

# Iconizza Utils

This is a set of helper functions that deal with Iconizza icon sets.

Functions are split into a separate library because they are reused in many projects.

## Installation

To install the library run this command:

```
npm install @iconizza/utils --save
```

## Documentation

Documentation is available at [Iconizza documentation website](https://iconizza.design/docs/libraries/utils/).

## License

The library is released with MIT license.

© 2023-PRESENT Dennis Ollhoff
npm package: @iconlake/mcp
Description: iconLake MCP server
Author: iconLake
Latest version: 0.1.8

# iconLake MCP Server

Welcome to the iconLake MCP Server. This server is designed to handle requests for the Model Context Protocol (MCP) using the iconLake service.

## Getting Started

### Usage with Claude Desktop

Add to your `claude_desktop_config.json`:

```json
{
  "mcpServers": {
    "iconlake": {
      "command": "npx",
      "args": [
        "-y",
        "@iconlake/mcp"
      ],
      "env": {
        "ICONLAKE_ENDPOINT": "https://iconlake.com",
        "ICONLAKE_ACCESS_KEY": ""
      }
    }
  }
}
```

### Configuration

The server configuration is defined in `claude_desktop_config.json`. Ensure the following environment variables are set correctly:

- `ICONLAKE_ENDPOINT`: The endpoint for the iconLake server.
- `ICONLAKE_ACCESS_KEY`: Your access key for authentication. You can get it from here(<https://iconlake.com/manage/user/setting/bind>).
npm package: @iconoir/vue
Description: Vue library for Iconoir, the biggest open source icon library with tons of free icons.
Latest version: 7.11.0

# Iconoir - Vue

[![NPM Version](https://img.shields.io/npm/v/@iconoir/vue?style=flat-square)](https://www.npmjs.com/package/@iconoir/vue)
[![NPM Monthly Downloads](https://img.shields.io/npm/dm/@iconoir/vue?style=flat-square)](https://www.npmjs.com/package/@iconoir/vue)
[![NPM License](https://img.shields.io/npm/l/@iconoir/vue?style=flat-square)](https://github.com/iconoir-icons/iconoir/blob/main/packages/iconoir-vue/LICENSE)

[Iconoir](https://iconoir.com/) is an open-source library with 1300+ unique SVG icons, designed on a 24x24 pixels grid. No premium icons, no email sign-up, no newsletters.

`@iconoir/vue` is an open source package that exports these icons as Vue.js components that can be used in all of your Vue projects. Thanks to `vue-demi`, both Vue 2 and Vue 3 are supported.

## Installation

| npm                  | Yarn                    | pnpm                    |
| -------------------- | ----------------------- | ----------------------- |
| `npm i @iconoir/vue` | `yarn add @iconoir/vue` | `pnpm add @iconoir/vue` |

## Usage

```html
<script setup>
  import { Iconoir } from '@iconoir/vue';
</script>

<template>
  <Iconoir />
</template>
```

### Properties

Icons can take any standard SVG properties as optional props, e.g.

```html
<Iconoir color="red" height="36" width="36" />
```

Default values for the most common props are given below:

| Prop name    | Default value  |
| ------------ | -------------- |
| color        | "currentColor" |
| width        | "1.5em"        |
| height       | "1.5em"        |
| stroke-width | "1.5"          |

### IconoirProvider

Tired of specifying the same props for every single icon, every time you use them? So were we. Use IconoirProvider to set the default icon props for everything inside IconoirProvider.

```html
<script setup>
  import { IconoirProvider, Check } from '@iconoir/vue';
</script>

<template>
  <IconoirProvider
    :icon-props="{
      'color': '#AAAAAA',
      'stroke-width': 1,
      'width': '1em',
      'height': '1em',
    }"
  >
    <SomeOtherContainer>
      <Check />
    </SomeOtherContainer>
  </IconoirProvider>
</template>
```

## Icon Names

The Vue components are named as PascalCase variations of their reference names (i.e. `airplane-helix-45deg` becomes `AirplaneHelix45deg`).
npm package: @iconoma/studio
Description: This is the Iconoma Studio, if you want to use Iconoma go to [https://github.com/Theryston/iconoma](https://github.com/Theryston/iconoma). But to start Iconoma Studio programmatically:
Author: Theryston Santos @Theryston
Latest version: 0.2.3

# Iconoma Studio!

This is the Iconoma Studio, if you want to use Iconoma go to [https://github.com/Theryston/iconoma](https://github.com/Theryston/iconoma). But to start Iconoma Studio programmatically:

```ts
import { createServer } from "@iconoma/studio";

const { url, close } = await createServer({ port });
```
npm package: @iconoma/ui
Description: This is the UI Components for Iconoma, if you want to use Iconoma go to [https://github.com/Theryston/iconoma](https://github.com/Theryston/iconoma)
Author: Theryston Santos @Theryston
Latest version: 0.0.1
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

# Iconoma UI!

This is the UI Components for Iconoma, if you want to use Iconoma go to [https://github.com/Theryston/iconoma](https://github.com/Theryston/iconoma)
npm package: @iconpaq/react
Description: a free and opensource icon pack
Author: Envire.tech
Latest version: 1.0.3

<p align="center">
  <img src="https://app.techtalentshub.com/email/logo.png" alt="iconpaq">
</p>

<p align="center">
  A set of 300+ free MIT-licensed high-quality SVG icons for you to use in your web projects. 
  <br>
  Available as basic SVG icons and via first-party <a href="#react">React</a> and <a href="#vue">Vue</a> libraries.
<p>

<p align="center">
  <a href="https://iconpaq.com"><strong>Browse at Iconpaq.com &rarr;</strong></a>
</p>


<p align="center">
    <a href="https://github.com/enviretech/iconpaq/releases">
        <img src="https://img.shields.io/npm/v/iconpaq" alt="Latest Release">
    </a>
    <a href="https://github.com/enviretech/iconpaq/blob/master/LICENSE">
        <img src="https://img.shields.io/npm/l/iconpaq.svg" alt="License">
    </a>
</p>


## Basic Usage

The quickest way to use these icons is to simply copy the source for the icon you need from [iconpaq.com](https://iconpaq.com) and inline it directly into your HTML:

```html
<svg class="h-6 w-6 text-gray-500" fill="none" viewBox="0 0 24 24" stroke="currentColor">
  <path
    stroke-linecap="round"
    stroke-linejoin="round"
    stroke-width="2"
    d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"
  />
</svg>
```

Both icon styles are preconfigured to be stylable by setting the `color` CSS property, either manually or using utility classes like `text-gray-500` in a framework like [Enviretech](https://envire.tech).

## React

First, install `@iconpaq/react` from npm:

```sh
npm install @iconpaq/react
```

Now each icon can be imported individually as a React component:

```js
import { BeakerIcon } from '@iconpaq/react/solid'

function MyComponent() {
  return (
    <div>
      <BeakerIcon className="h-5 w-5 text-blue-500"/>
      <p>...</p>
    </div>
  )
}
```

The 24x24 outline icons can be imported from `@iconpaq/react/outline`, and the 20x20 solid icons can be imported from `@iconpaq/react/solid`.

Icons use an upper camel case naming convention and are always suffixed with the word `Icon`.

[Browse the full list of icon names on UNPKG &rarr;](https://unpkg.com/browse/@iconpaq/react/outline/)


## Vue

*Note that this library currently only supports Vue 3.*

First, install `@iconpaq/vue` from npm:

```sh
npm install @iconpaq/vue
```

Now each icon can be imported individually as a Vue component:

```vue
<template>
  <div>
    <BeakerIcon class="h-5 w-5 text-blue-500"/>
    <p>...</p>
  </div>
</template>

<script>
import { BeakerIcon } from '@iconpaq/vue/solid'

export default {
  components: { BeakerIcon }
}
</script>
```

The 24x24 outline icons can be imported from `@iconpaq/vue/outline`, and the 20x20 solid icons can be imported from `@iconpaq/vue/solid`.

Icons use an upper camel case naming convention and are always suffixed with the word `Icon`.

[Browse the full list of icon names on UNPKG &rarr;](https://unpkg.com/browse/@iconpaq/vue/outline/)

## License

This library is MIT licensed.
npm package: @iconpark-mini-app/taro-vue
Description: An iconpark provider for taro.js with vue.js .
Author: Toki
Latest version: 1.0.1

# IconPark-Mini-App-Taro-Vue

<p align="center">
<img src="https://raw.github.com/Toki-QQ/IconPark-Mini-App/master/packages/taro_vue/iconpark-mini-app-taro-vue.png" >
<p></p>
<b>An iconpark provider for taro.js with vue.js. When you are developing cross-platform mini programs based on Taro using Vue 3 and want to use the IconPark library, this project may be helpful. It allows you to use just like the official IconPark library when developing mini programs.</b>
<p>

<br/>
<br/>

#### English &nbsp; | &nbsp; <a href="./README_zh-CN.md">简体中文<a>

#### Github: https://github.com/Toki-QQ/IconPark-Mini-App

#### Issues: https://github.com/Toki-QQ/IconPark-Mini-App/issues

<br/>
<br/>

# Base on

#### IconPark &nbsp;(ByteDance)

```bash
Github: https://github.com/bytedance/iconpark

npm: https://www.npmjs.com/package/@icon-park/svg
```

#### svg64 &nbsp;(scriptex)

```bash
Github: https://github.com/scriptex/svg64

npm: https://www.npmjs.com/package/svg64
```

---

<br/>
<br/>

# Usage

### Install

```bash
npm install --save @iconpark-mini-app/taro-vue

# or

pnpm add @iconpark-mini-app/taro-vue
```

### Single Icon Example

```bash
<script setup>
    import Like from "@iconpark-mini-app/taro-vue/lib/icons/Like";
</script>


<template>
    <Like size="48" :fill="['#E53935', '#EF9A9A', '#FFFFFF', '#FFFFFF']" theme="multi-color" />
</template>
```

### Full Icons Provider Example

```bash
<script setup>
    import { IconPark } from "@iconpark-mini-app/taro-vue/lib/all";
</script>


<template>
    <IconPark type="github" size="32" fill="#BDBDBD" :stroke-width="2" />
</template>
```

<br/>
<br/>

# Thanks

<p align="center">
<img width="80" height="80" src="https://avatars.githubusercontent.com/u/4158466?s=200&v=4" >
</p>

### Bytedance Inc.

###### https://github.com/bytedance

```bash
IconPark Developer
```

#

<p align="center">
<img width="80" height="80" src="https://avatars.githubusercontent.com/u/4603539?v=4" >
</p>

### scriptex

###### https://github.com/scriptex

```bash
svg64 Developer
```

#

<p align="center">
<img width="80" height="80" src="https://avatars.githubusercontent.com/u/110720510?s=200&v=4" >
</p>

### Turbo Snail

###### https://github.com/turbosnailcn

```bash
A team of software development
```

#

<p align="center">
<img width="80" height="80" src="https://avatars.githubusercontent.com/u/57043221?v=4" >
</p>

### lankerened

###### https://github.com/lankerened

```bash
My friend who taught a lot
```

<br/>
<br/>

# Finally

```bash
Thank you for using, and wish you have a good experience.
```