open-index/open-npm huggingface dataset:
npm package: @svgl/eslint-config-svgl
Description: ESLint config.
Author: Seth
Latest version: 1.0.10

# ESLint & Prettier Configuration

Settings for ESLint and prettier.
Extends Airbnb configuration and prettier, with plugins for react and prettier.

## Installing

1. Install the npm package

```
npm install @svgl/eslint-config-svgl --save-dev
```

2. Create `.eslintrc` file and add
```json
{
    "extends": [
        "@svgl/eslint-config-svgl"
    ]
}
```
npm package: @svgmoji/core
Description: Utilities forked from emojibase for working with svgmoji
Latest version: 3.2.0

# @svgmoji/core

> A fork of [`emojibase`](https://emojibase.dev/docs/api) with methods applicable to svgmoji.

<br />

[![Version][version]][npm] [![Weekly Downloads][downloads-badge]][npm] [![Bundled size][size-badge]][size] [![Typed Codebase][typescript]](./src/index.ts) ![MIT License][license]

[version]: https://flat.badgen.net/npm/v/@svgmoji/core
[npm]: https://npmjs.com/package/@svgmoji/core
[license]: https://flat.badgen.net/badge/license/MIT/purple
[size]: https://bundlephobia.com/result?p=@svgmoji/core
[size-badge]: https://flat.badgen.net/bundlephobia/minzip/@svgmoji/core
[typescript]: https://flat.badgen.net/badge/icon/TypeScript?icon=typescript&label
[downloads-badge]: https://badgen.net/npm/dw/@svgmoji/core/red?icon=npm

<br />

## Installation

```bash
# yarn
yarn add @svgmoji/core

# pnpm
pnpm add @svgmoji/core

# npm
npm install @svgmoji/core
```

<br />

## Usage

The following code creates an instance of this extension.

```ts
import { PopulatedEmoji, minifyEmoji } from '@svgmoji/core';
```

More docs to follow.
npm package: @svgnew/mcp
Description: MCP server for svg.new — AI-powered image to SVG vectorization
Author: svg.new
Latest version: 1.0.5

# @svgnew/mcp

MCP (Model Context Protocol) server for [svg.new](https://svg.new) — AI-powered image to SVG vectorization.

Use svg.new from any MCP-compatible client: Claude Code, Claude Desktop, Cursor, Windsurf, and more.

## Quick Start

```bash
npx @svgnew/mcp
```

Requires `SVG_NEW_API_KEY` environment variable. Get your key at [svg.new/account](https://svg.new/account).

## Setup

### Claude Code / Claude Desktop

Add to your MCP config:

```json
{
  "mcpServers": {
    "svg-new": {
      "command": "npx",
      "args": ["@svgnew/mcp"],
      "env": {
        "SVG_NEW_API_KEY": "svk_your_key_here"
      }
    }
  }
}
```

### Cursor / Windsurf

Add to your MCP settings with the same configuration above.

## Available Tools

| Tool | Description | Cost |
|------|-------------|------|
| `vectorize` | Convert image to SVG | 1 credit |
| `recolor_svg` | Change colors in SVG | Free |
| `simplify_svg` | Reduce color palette | Free |
| `remove_background` | AI background removal | 1 credit |
| `batch_vectorize` | Process multiple images | 1 credit/image |
| `get_batch_status` | Poll batch progress | Free |
| `list_vectorizations` | View history | Free |

## Environment Variables

| Variable | Required | Default | Description |
|----------|----------|---------|-------------|
| `SVG_NEW_API_KEY` | Yes | — | Your svg.new API key |
| `SVG_NEW_API_URL` | No | `https://svg.new` | API base URL |

## Links

- [svg.new](https://svg.new) — Web app
- [Pricing](https://svg.new/pricing) — Plans and credits
- [Claude Code Plugin](https://github.com/svgnew/plugin) — Full plugin with skills
npm package: @svgr-iconkit/ant-design
Description: AntDesignIcon for @svgr-iconkit
Latest version: 0.5.0-beta.1

# `@svgr-iconkit/ant-design`

Icons re-exported from [Ant Design Icons](https://npmjs.com/package/@ant-design/icons).

Full details please check on website https://svgr-iconkit.dev/explorer/ant-design.

## Usage

### React Web

```javascript
import Icon from '@svgr-iconkit/ant-design';

export default function App() {
  return <div><Icon name="arrow-left" /></div>
}

```

### React Native

```javascript
import { View } from "react-native";
import Icon from '@svgr-iconkit/ant-design';

export default function App() {
  return <View><Icon name="arrow-left" /></View>
}

```
npm package: @svgr-iconkit/babel-plugin-svg-data
Description: Rollup plugin for convert svg files directly into ```@svgr-iconkit/core``` supported data content during build process.
Author: LemanK
Latest version: 0.5.0-beta.1

# `@svgr-iconkit/rollup-plugin-svg-data`

Rollup plugin for convert svg files directly into ```@svgr-iconkit/core``` supported data content during build process.
npm package: @svgr-iconkit/bootstrap
Description: Bootstrap Icons for @svgr-iconkit
Latest version: 0.5.0-beta.1

# `@svgr-iconkit/bootstrap`

Icons re-exported from [Bootstrap Icons](https://icons.getbootstrap.com/).

Full details please check on website https://svgr-iconkit.dev/explorer/bootstrap.

## Usage

### React Web

```javascript
import Icon from '@svgr-iconkit/bootstrap';

export default function App() {
  return <div><Icon name="arrow-left" /></div>
}

```

### React Native

```javascript
import { View } from "react-native";
import Icon from '@svgr-iconkit/bootstrap';

export default function App() {
  return <View><Icon name="arrow-left" /></View>
}

```
npm package: @svgr-iconkit/core
Description: SVGR iconset core
Latest version: 0.5.0-beta.1

# `@svgr-iconkit/core`

Core package of svgr-iconkit. It provide React.js svg tags support, or ```react-native-svg``` integration used in React-Native & Expo.


Details please see [official website](https://svgr-iconkit.dev).
npm package: @svgr-iconkit/css-gg
Description: css.gg for @svgr-iconkit
Latest version: 0.5.0-beta.1

# `@svgr-iconkit/css-gg`

Icons re-exported from [css.gg](https://css.gg/).

Full details please check on website https://svgr-iconkit.dev/explorer/css-gg.

## Usage

### React Web

```javascript
import Icon from '@svgr-iconkit/css-gg';

export default function App() {
  return <div><Icon name="arrow-left" /></div>
}

```

### React Native

```javascript
import { View } from "react-native";
import Icon from '@svgr-iconkit/css-gg';

export default function App() {
  return <View><Icon name="arrow-left" /></View>
}

```
npm package: @svgr-iconkit/entypo
Description: Entypo Icon for @svgr-iconkit
Latest version: 0.5.0-beta.1

# `@svgr-iconkit/entypo`

Icons re-exported from [Entypo by Daniel Bruce & Contributors](https://github.com/geakstr/entypo-icons).

Full details please check on website https://svgr-iconkit.dev/explorer/entypo.

## Usage

### React Web

```javascript
import Icon from '@svgr-iconkit/entypo';

export default function App() {
  return <div><Icon name="heart" /></div>
}

```

### React Native

```javascript
import { View } from "react-native";
import Icon from '@svgr-iconkit/entypo';

export default function App() {
  return <View><Icon name="heart" /></View>
}

```
npm package: @svgr-iconkit/evil-icons
Description: evil-icons for @svgr-iconkit
Latest version: 0.5.0-beta.1

# `@svgr-iconkit/evil-icons`

Icons re-exported from [evil-icons](https://evil-icons.io/).

Full details please check on website https://svgr-iconkit.dev/explorer/evil-icons.

## Usage

### React Web

```javascript
import Icon from '@svgr-iconkit/evil-icons';

export default function App() {
  return <div><Icon name="arrow-left" /></div>
}

```

### React Native

```javascript
import { View } from "react-native";
import Icon from '@svgr-iconkit/evil-icons';

export default function App() {
  return <View><Icon name="arrow-left" /></View>
}

```
npm package: @svgr-iconkit/feather
Description: Feather Icon for @svgr-iconkit
Latest version: 0.5.0-beta.1

# `@svgr-iconkit/feather`

Icons re-exported from [Feather by Cole Bemis & Contributors](https://feathericons.com).

Full details please check on website https://svgr-iconkit.dev/explorer/feather.

## Usage

### React Web

```javascript
import Icon from '@svgr-iconkit/feather';

export default function App() {
  return <div><Icon name="heart" /></div>
}

```

### React Native

```javascript
import { View } from "react-native";
import Icon from '@svgr-iconkit/feather';

export default function App() {
  return <View><Icon name="heart" /></View>
}

```
npm package: @svgr-iconkit/flag-icons
Description: flag-icons for @svgr-iconkit
Latest version: 0.5.0-beta.1

# `@svgr-iconkit/flag-icons`

Icons re-exported from [flag-icon-css](https://flagicons.lipis.dev/).

Full details please check on website https://svgr-iconkit.dev/explorer/flag-icons.

## Usage

### React Web

```javascript
import Icon from '@svgr-iconkit/flag-icons';

export default function App() {
  return <div><Icon name="un" /></div>
}

```

### React Native

```javascript
import { View } from "react-native";
import Icon from '@svgr-iconkit/flag-icons';

export default function App() {
  return <View><Icon name="un" /></View>
}

```
npm package: @svgr-iconkit/fluentui-system
Description: FluentUI System Icon for @svgr-iconkit
Latest version: 0.5.0-beta.1

# `@svgr-iconkit/fluentui-system`

Icons re-exported from [@fluentui/svg-icons by Microsoft](https://github.com/microsoft/fluentui-system-icons.git).

Full details please check on website https://svgr-iconkit.dev/explorer/fluentui-system.

## Usage

### React Web

```javascript
import Icon from '@svgr-iconkit/fluentui-system';

export default function App() {
  return <div><Icon name="heart" /></div>
}

```

### React Native

```javascript
import { View } from "react-native";
import Icon from '@svgr-iconkit/fluentui-system';

export default function App() {
  return <View><Icon name="heart" /></View>
}

```
npm package: @svgr-iconkit/fontawesome
Description: FontAwesome (regular) for @svgr-iconkit
Latest version: 0.5.0-beta.1

# `@svgr-iconkit/fontawesome5`

Icons re-exported from [@fortawesome/fontawesome-free](https://www.npmjs.com/package/@fortawesome/fontawesome-free) (regular and solid).

Full details please check on website https://svgr-iconkit.dev/explorer/fontawesome5.

## Usage

### React Web

```javascript
import Icon from '@svgr-iconkit/fontawesome5';

export default function App() {
  return <div><Icon name="arrow-left" /></div>
}

```

### React Native

```javascript
import { View } from "react-native";
import Icon from '@svgr-iconkit/fontawesome5';

export default function App() {
  return <View><Icon name="arrow-left" /></View>
}

```
npm package: @svgr-iconkit/fontawesome-brands
Description: FontAwesome (brands) for @svgr-iconkit
Latest version: 0.5.0-beta.1

# `@svgr-iconkit/fontawesome5-brands`

Icons re-exported from [@fortawesome/fontawesome-free](https://www.npmjs.com/package/@fortawesome/fontawesome-free) (brands).

Full details please check on website https://svgr-iconkit.dev/explorer/fontawesome5-brands.

## Usage

### React Web

```javascript
import Icon from '@svgr-iconkit/fontawesome5-brands';

export default function App() {
  return <div><Icon name="github" /></div>
}

```

### React Native

```javascript
import { View } from "react-native";
import Icon from '@svgr-iconkit/fontawesome5-brands';

export default function App() {
  return <View><Icon name="github" /></View>
}

```
npm package: @svgr-iconkit/fontawesome5
Description: FontAwesome (regular) for @svgr-iconkit
Latest version: 0.5.0-beta.1

# `@svgr-iconkit/fontawesome5`

Icons re-exported from [@fortawesome/fontawesome-free](https://www.npmjs.com/package/@fortawesome/fontawesome-free) (regular and solid).

Full details please check on website https://svgr-iconkit.dev/explorer/fontawesome5.

## Usage

### React Web

```javascript
import Icon from '@svgr-iconkit/fontawesome5';

export default function App() {
  return <div><Icon name="arrow-left" /></div>
}

```

### React Native

```javascript
import { View } from "react-native";
import Icon from '@svgr-iconkit/fontawesome5';

export default function App() {
  return <View><Icon name="arrow-left" /></View>
}

```
npm package: @svgr-iconkit/fontawesome5-brands
Description: FontAwesome5 (brands) for @svgr-iconkit
Latest version: 0.5.0-beta.1

# `@svgr-iconkit/fontawesome5-brands`

Icons re-exported from [@fortawesome/fontawesome-free](https://www.npmjs.com/package/@fortawesome/fontawesome-free) (brands).

Full details please check on website https://svgr-iconkit.dev/explorer/fontawesome5-brands.

## Usage

### React Web

```javascript
import Icon from '@svgr-iconkit/fontawesome5-brands';

export default function App() {
  return <div><Icon name="github" /></div>
}

```

### React Native

```javascript
import { View } from "react-native";
import Icon from '@svgr-iconkit/fontawesome5-brands';

export default function App() {
  return <View><Icon name="github" /></View>
}

```
npm package: @svgr-iconkit/fontisto
Description: fontisto for @svgr-iconkit
Latest version: 0.5.0-beta.1

# `@svgr-iconkit/fontisto`

Icons re-exported from [Fontisto by Kenan Gündoğan](http://fontisto.com).

Full details please check on website https://svgr-iconkit.dev/explorer/fontisto.

## License

- The Fontisto font is licensed under the SIL OFL 1.1:
  - http://scripts.sil.org/OFL
- Fontisto CSS, LESS, and Sass files are licensed under the MIT License:
  - https://opensource.org/licenses/mit-license.html
- The Fontisto documentation is licensed under the CC BY 3.0 License:
  - http://creativecommons.org/licenses/by/3.0/
- Attribution is no longer required as of Fontisto 3.0, but much appreciated:
  - `Fontisto by Kenan Gündoğan - http://fontisto.com`
- Full details: http://fontisto.com/license


## Copyright and license
Designed and built by @kenangundogan, @ulasderin and @mstfsnc
<br>
2017 Currently - Code licensed [MIT License](https://github.com/kenangundogan/fontisto/blob/master/LICENSE)

## Usage

### React Web

```javascript
import Icon from '@svgr-iconkit/fontisto';

export default function App() {
  return <div><Icon name="heart" /></div>
}

```

### React Native

```javascript
import { View } from "react-native";
import Icon from '@svgr-iconkit/fontisto';

export default function App() {
  return <View><Icon name="heart" /></View>
}

```
npm package: @svgr-iconkit/foundation
Description: Foundation Icon for @svgr-iconkit
Latest version: 0.5.0-beta.1

# `@svgr-iconkit/foundation`

Icons re-exported from [Foundation by ZURB, Inc](https://zurb.com/playground/foundation-icon-fonts-3).

Full details please check on website https://svgr-iconkit.dev/explorer/foundation.

## Usage

### React Web

```javascript
import Icon from '@svgr-iconkit/foundation';

export default function App() {
  return <div><Icon name="heart" /></div>
}

```

### React Native

```javascript
import { View } from "react-native";
import Icon from '@svgr-iconkit/foundation';

export default function App() {
  return <View><Icon name="heart" /></View>
}

```
npm package: @svgr-iconkit/grommet-icons
Description: Grommet Icons for @svgr-iconkit
Latest version: 0.5.0-beta.1

# `@svgr-iconkit/grommet-icons`

Grommet Icons

## Usage

### React Web

```javascript
import Icon from '@svgr-iconkit/grommet-icons';

export default function App() {
  return <div><Icon name="arrow-left" /></div>
}

```

### React Native

```javascript
import { View } from "react-native";
import Icon from '@svgr-iconkit/grommet-icons';

export default function App() {
  return <View><Icon name="arrow-left" /></View>
}

```
npm package: @svgr-iconkit/heroicons
Description: Heroicons for @svgr-iconkit
Latest version: 0.5.0-beta.1

# `@svgr-iconkit/heroicons`

Icons re-exported from [Heroicons](https://npmjs.com/package/heroicons).

Full details please check on website https://svgr-iconkit.dev/explorer/heroicons.

## Usage

### React Web

```javascript
import Icon from '@svgr-iconkit/heroicons';

export default function App() {
  return <div><Icon name="arrow-left" /></div>
}

```

### React Native

```javascript
import { View } from "react-native";
import Icon from '@svgr-iconkit/heroicons';

export default function App() {
  return <View><Icon name="arrow-left" /></View>
}

```
npm package: @svgr-iconkit/ionicons
Description: Ionicons for @svgr-iconkit
Latest version: 0.5.0-beta.1

# `@svgr-iconkit/ionicons`

Icons re-exported from [ionicons by Ionic framework](https://ionic.io/ionicons).

Full details please check on website https://svgr-iconkit.dev/explorer/ionicons.

## Usage

### React Web

```javascript
import Icon from '@svgr-iconkit/ionicons';

export default function App() {
  return <div><Icon name="heart" /></div>
}

```

### React Native

```javascript
import { View } from "react-native";
import Icon from '@svgr-iconkit/ionicons';

export default function App() {
  return <View><Icon name="heart" /></View>
}

```