open-index/open-npm huggingface dataset:
npm package: @material-symbols-js/700-rounded
Description: Latest optimized SVGs paths with weight 700 for Material Symbols.
Latest version: 0.1.0

# [@material-symbols-js/700-rounded](https://github.com/yueyuzhao/material-symbols-js/tree/main/packages/700/rounded)

Latest optimized paths of SVGs with weight 700 and variant rounded for Material Symbols.

- [Installation](#installation)

## Installation

Install the [latest version][releases] using:

```sh
npm install @material-symbols-js/700-rounded@latest
```

The package `@material-symbols-js/700-rounded` includes only SVGs with weight 700 and variant rounded.
To use a different weight or variant, replace `700` or rounded in the package name with the desired weight or variant.

<details>
<summary><strong>Show all packages</strong></summary><br>

| Package                                                                                              | Weight | Variant  |
|:-----------------------------------------------------------------------------------------------------| :----- |:---------|
| [`@material-symbols-js/100-outlined`](https://www.npmjs.com/package/@material-symbols-js/100-outlined) | 100    | outlined |
| [`@material-symbols-js/200-outlined`](https://www.npmjs.com/package/@material-symbols-js/200-outlined) | 200    | outlined |
| [`@material-symbols-js/300-outlined`](https://www.npmjs.com/package/@material-symbols-js/300-outlined) | 300    | outlined |
| [`@material-symbols-js/400-outlined`](https://www.npmjs.com/package/@material-symbols-js/400-outlined) | 400    | outlined |
| [`@material-symbols-js/500-outlined`](https://www.npmjs.com/package/@material-symbols-js/500-outlined) | 500    | outlined |
| [`@material-symbols-js/600-outlined`](https://www.npmjs.com/package/@material-symbols-js/600-outlined) | 600    | outlined |
| [`@material-symbols-js/700-outlined`](https://www.npmjs.com/package/@material-symbols-js/700-outlined) | 700    | outlined |

</details>

## License

Material Symbols are created by [Google](https://github.com/google/material-design-icons#license).

> We have made these icons available for you to incorporate into your products under the [Apache License Version 2.0][license]. Feel free to remix and re-share these icons and documentation in your products.
> We'd love attribution in your app's *about* screen, but it's not required.

[releases]: https://github.com/yueyuzhao/material-symbols-js/releases
[license]: https://github.com/yueyuzhao/material-symbols-js/blob/main/packages/700-rounded/LICENSE
npm package: @material-symbols-js/700-sharp
Description: Latest optimized SVGs paths with weight 700 for Material Symbols.
Latest version: 0.1.0

# [@material-symbols-js/700-sharp](https://github.com/yueyuzhao/material-symbols-js/tree/main/packages/700/sharp)

Latest optimized paths of SVGs with weight 700 and variant sharp for Material Symbols.

- [Installation](#installation)

## Installation

Install the [latest version][releases] using:

```sh
npm install @material-symbols-js/700-sharp@latest
```

The package `@material-symbols-js/700-sharp` includes only SVGs with weight 700 and variant sharp.
To use a different weight or variant, replace `700` or sharp in the package name with the desired weight or variant.

<details>
<summary><strong>Show all packages</strong></summary><br>

| Package                                                                                              | Weight | Variant  |
|:-----------------------------------------------------------------------------------------------------| :----- |:---------|
| [`@material-symbols-js/100-outlined`](https://www.npmjs.com/package/@material-symbols-js/100-outlined) | 100    | outlined |
| [`@material-symbols-js/200-outlined`](https://www.npmjs.com/package/@material-symbols-js/200-outlined) | 200    | outlined |
| [`@material-symbols-js/300-outlined`](https://www.npmjs.com/package/@material-symbols-js/300-outlined) | 300    | outlined |
| [`@material-symbols-js/400-outlined`](https://www.npmjs.com/package/@material-symbols-js/400-outlined) | 400    | outlined |
| [`@material-symbols-js/500-outlined`](https://www.npmjs.com/package/@material-symbols-js/500-outlined) | 500    | outlined |
| [`@material-symbols-js/600-outlined`](https://www.npmjs.com/package/@material-symbols-js/600-outlined) | 600    | outlined |
| [`@material-symbols-js/700-outlined`](https://www.npmjs.com/package/@material-symbols-js/700-outlined) | 700    | outlined |

</details>

## License

Material Symbols are created by [Google](https://github.com/google/material-design-icons#license).

> We have made these icons available for you to incorporate into your products under the [Apache License Version 2.0][license]. Feel free to remix and re-share these icons and documentation in your products.
> We'd love attribution in your app's *about* screen, but it's not required.

[releases]: https://github.com/yueyuzhao/material-symbols-js/releases
[license]: https://github.com/yueyuzhao/material-symbols-js/blob/main/packages/700-sharp/LICENSE
npm package: @material-symbols-react-native/outlined-100
Description: Latest optimized definitions for SVGs for Material Symbols. Variant: outlined. Weight: 100.
Latest version: 1.0.0

# `@material-symbols-react-native/outlined-100`

This package contains all the definitions of Material Symbols, **outlined** variant and weight **100**, to be used with ([material-symbols-react-native](https://www.npmjs.com/package/material-symbols-react-native)).

## Installation and usage

See https://www.npmjs.com/package/material-symbols-react-native#installation.
npm package: @material-symbols-react-native/outlined-200
Description: Latest optimized definitions for SVGs for Material Symbols. Variant: outlined. Weight: 200.
Latest version: 1.0.0

# `@material-symbols-react-native/outlined-200`

This package contains all the definitions of Material Symbols, **outlined** variant and weight **200**, to be used with ([material-symbols-react-native](https://www.npmjs.com/package/material-symbols-react-native)).

## Installation and usage

See https://www.npmjs.com/package/material-symbols-react-native#installation.
npm package: @material-symbols-react-native/outlined-300
Description: Latest optimized definitions for SVGs for Material Symbols. Variant: outlined. Weight: 300.
Latest version: 1.0.0

# `@material-symbols-react-native/outlined-300`

This package contains all the definitions of Material Symbols, **outlined** variant and weight **300**, to be used with ([material-symbols-react-native](https://www.npmjs.com/package/material-symbols-react-native)).

## Installation and usage

See https://www.npmjs.com/package/material-symbols-react-native#installation.
npm package: @material-symbols-react-native/outlined-400
Description: Latest optimized definitions for SVGs for Material Symbols. Variant: outlined. Weight: 400.
Latest version: 1.0.0

# `@material-symbols-react-native/outlined-400`

This package contains all the definitions of Material Symbols, **outlined** variant and weight **400**, to be used with ([material-symbols-react-native](https://www.npmjs.com/package/material-symbols-react-native)).

## Installation and usage

See https://www.npmjs.com/package/material-symbols-react-native#installation.
npm package: @material-symbols-react-native/outlined-500
Description: Latest optimized definitions for SVGs for Material Symbols. Variant: outlined. Weight: 500.
Latest version: 1.0.0

# `@material-symbols-react-native/outlined-500`

This package contains all the definitions of Material Symbols, **outlined** variant and weight **500**, to be used with ([material-symbols-react-native](https://www.npmjs.com/package/material-symbols-react-native)).

## Installation and usage

See https://www.npmjs.com/package/material-symbols-react-native#installation.
npm package: @material-symbols-react-native/outlined-600
Description: Latest optimized definitions for SVGs for Material Symbols. Variant: outlined. Weight: 600.
Latest version: 1.0.0

# `@material-symbols-react-native/outlined-600`

This package contains all the definitions of Material Symbols, **outlined** variant and weight **600**, to be used with ([material-symbols-react-native](https://www.npmjs.com/package/material-symbols-react-native)).

## Installation and usage

See https://www.npmjs.com/package/material-symbols-react-native#installation.
npm package: @material-symbols-react-native/outlined-700
Description: Latest optimized definitions for SVGs for Material Symbols. Variant: outlined. Weight: 700.
Latest version: 1.0.0

# `@material-symbols-react-native/outlined-700`

This package contains all the definitions of Material Symbols, **outlined** variant and weight **700**, to be used with ([material-symbols-react-native](https://www.npmjs.com/package/material-symbols-react-native)).

## Installation and usage

See https://www.npmjs.com/package/material-symbols-react-native#installation.
npm package: @material-symbols-react-native/rounded-100
Description: Latest optimized definitions for SVGs for Material Symbols. Variant: rounded. Weight: 100.
Latest version: 1.0.0

# `@material-symbols-react-native/rounded-100`

This package contains all the definitions of Material Symbols, **rounded** variant and weight **100**, to be used with ([material-symbols-react-native](https://www.npmjs.com/package/material-symbols-react-native)).

## Installation and usage

See https://www.npmjs.com/package/material-symbols-react-native#installation.
npm package: @material-symbols-react-native/rounded-200
Description: Latest optimized definitions for SVGs for Material Symbols. Variant: rounded. Weight: 200.
Latest version: 1.0.0

# `@material-symbols-react-native/rounded-200`

This package contains all the definitions of Material Symbols, **rounded** variant and weight **200**, to be used with ([material-symbols-react-native](https://www.npmjs.com/package/material-symbols-react-native)).

## Installation and usage

See https://www.npmjs.com/package/material-symbols-react-native#installation.
npm package: @material-symbols-react-native/rounded-300
Description: Latest optimized definitions for SVGs for Material Symbols. Variant: rounded. Weight: 300.
Latest version: 1.0.0

# `@material-symbols-react-native/rounded-300`

This package contains all the definitions of Material Symbols, **rounded** variant and weight **300**, to be used with ([material-symbols-react-native](https://www.npmjs.com/package/material-symbols-react-native)).

## Installation and usage

See https://www.npmjs.com/package/material-symbols-react-native#installation.
npm package: @material-symbols-react-native/rounded-400
Description: Latest optimized definitions for SVGs for Material Symbols. Variant: rounded. Weight: 400.
Latest version: 1.0.0

# `@material-symbols-react-native/rounded-400`

This package contains all the definitions of Material Symbols, **rounded** variant and weight **400**, to be used with ([material-symbols-react-native](https://www.npmjs.com/package/material-symbols-react-native)).

## Installation and usage

See https://www.npmjs.com/package/material-symbols-react-native#installation.
npm package: @material-symbols-react-native/rounded-500
Description: Latest optimized definitions for SVGs for Material Symbols. Variant: rounded. Weight: 500.
Latest version: 1.0.0

# `@material-symbols-react-native/rounded-500`

This package contains all the definitions of Material Symbols, **rounded** variant and weight **500**, to be used with ([material-symbols-react-native](https://www.npmjs.com/package/material-symbols-react-native)).

## Installation and usage

See https://www.npmjs.com/package/material-symbols-react-native#installation.
npm package: @material-symbols-react-native/rounded-600
Description: Latest optimized definitions for SVGs for Material Symbols. Variant: rounded. Weight: 600.
Latest version: 1.0.0

# `@material-symbols-react-native/rounded-600`

This package contains all the definitions of Material Symbols, **rounded** variant and weight **600**, to be used with ([material-symbols-react-native](https://www.npmjs.com/package/material-symbols-react-native)).

## Installation and usage

See https://www.npmjs.com/package/material-symbols-react-native#installation.
npm package: @material-symbols-react-native/rounded-700
Description: Latest optimized definitions for SVGs for Material Symbols. Variant: rounded. Weight: 700.
Latest version: 1.0.0

# `@material-symbols-react-native/rounded-700`

This package contains all the definitions of Material Symbols, **rounded** variant and weight **700**, to be used with ([material-symbols-react-native](https://www.npmjs.com/package/material-symbols-react-native)).

## Installation and usage

See https://www.npmjs.com/package/material-symbols-react-native#installation.
npm package: @material-symbols-react-native/sharp-100
Description: Latest optimized definitions for SVGs for Material Symbols. Variant: sharp. Weight: 100.
Latest version: 1.0.0

# `@material-symbols-react-native/sharp-100`

This package contains all the definitions of Material Symbols, **sharp** variant and weight **100**, to be used with ([material-symbols-react-native](https://www.npmjs.com/package/material-symbols-react-native)).

## Installation and usage

See https://www.npmjs.com/package/material-symbols-react-native#installation.
npm package: @material-symbols-react-native/sharp-200
Description: Latest optimized definitions for SVGs for Material Symbols. Variant: sharp. Weight: 200.
Latest version: 1.0.0

# `@material-symbols-react-native/sharp-200`

This package contains all the definitions of Material Symbols, **sharp** variant and weight **200**, to be used with ([material-symbols-react-native](https://www.npmjs.com/package/material-symbols-react-native)).

## Installation and usage

See https://www.npmjs.com/package/material-symbols-react-native#installation.
npm package: @material-symbols-react-native/sharp-300
Description: Latest optimized definitions for SVGs for Material Symbols. Variant: sharp. Weight: 300.
Latest version: 1.0.0

# `@material-symbols-react-native/sharp-300`

This package contains all the definitions of Material Symbols, **sharp** variant and weight **300**, to be used with ([material-symbols-react-native](https://www.npmjs.com/package/material-symbols-react-native)).

## Installation and usage

See https://www.npmjs.com/package/material-symbols-react-native#installation.
npm package: @material-symbols-react-native/sharp-400
Description: Latest optimized definitions for SVGs for Material Symbols. Variant: sharp. Weight: 400.
Latest version: 1.0.0

# `@material-symbols-react-native/sharp-400`

This package contains all the definitions of Material Symbols, **sharp** variant and weight **400**, to be used with ([material-symbols-react-native](https://www.npmjs.com/package/material-symbols-react-native)).

## Installation and usage

See https://www.npmjs.com/package/material-symbols-react-native#installation.
npm package: @material-symbols-react-native/sharp-500
Description: Latest optimized definitions for SVGs for Material Symbols. Variant: sharp. Weight: 500.
Latest version: 1.0.0

# `@material-symbols-react-native/sharp-500`

This package contains all the definitions of Material Symbols, **sharp** variant and weight **500**, to be used with ([material-symbols-react-native](https://www.npmjs.com/package/material-symbols-react-native)).

## Installation and usage

See https://www.npmjs.com/package/material-symbols-react-native#installation.
npm package: @material-symbols-react-native/sharp-600
Description: Latest optimized definitions for SVGs for Material Symbols. Variant: sharp. Weight: 600.
Latest version: 1.0.0

# `@material-symbols-react-native/sharp-600`

This package contains all the definitions of Material Symbols, **sharp** variant and weight **600**, to be used with ([material-symbols-react-native](https://www.npmjs.com/package/material-symbols-react-native)).

## Installation and usage

See https://www.npmjs.com/package/material-symbols-react-native#installation.
npm package: @material-symbols-react-native/sharp-700
Description: Latest optimized definitions for SVGs for Material Symbols. Variant: sharp. Weight: 700.
Latest version: 1.0.0

# `@material-symbols-react-native/sharp-700`

This package contains all the definitions of Material Symbols, **sharp** variant and weight **700**, to be used with ([material-symbols-react-native](https://www.npmjs.com/package/material-symbols-react-native)).

## Installation and usage

See https://www.npmjs.com/package/material-symbols-react-native#installation.
npm package: @material-symbols-svg/metadata
Description: Metadata and path data for Material Symbols icons across all styles
Author: k-s-h-r
Latest version: 0.4.1

# @material-symbols-svg/metadata

Metadata and path data for Material Symbols icons across all styles (outlined, rounded, sharp).

## Overview

This package provides consolidated metadata for all Material Symbols icons, including:

- **Icon index** with categorization information
- **SVG path data** for all icons across all styles and weights
- **Component mappings** between icon names and React component names

## Installation

```bash
npm install @material-symbols-svg/metadata
# or
pnpm add @material-symbols-svg/metadata
# or
yarn add @material-symbols-svg/metadata
```

## Usage

### Icon Index

Get the main icon index with categories:

```javascript
import iconIndex from '@material-symbols-svg/metadata';
// or
import iconIndex from '@material-symbols-svg/metadata/icon-index.json';

console.log(iconIndex.home);
// {
//   "name": "home",
//   "iconName": "Home", 
//   "categories": ["action"]
// }
```

### Individual Icon Path Data

Access SVG path data for specific icons:

```javascript
// Import path data for a specific icon
import homePathData from '@material-symbols-svg/metadata/paths/home.json';

console.log(homePathData);
// {
//   "outlined": {
//     "100": "M6 19h3v-6h6v6h3v-9l-6-4.5L6 10v9Zm-2 2V9l8-6 8 6v12H4Z",
//     "200": "...",
//     // ... all weights
//   },
//   "rounded": {
//     "100": "...",
//     // ... all weights  
//   },
//   "sharp": {
//     "100": "...",
//     // ... all weights
//   }
// }
```

## Data Structure

### Icon Index Structure

```typescript
type IconIndex = {
  [iconName: string]: {
    name: string;        // Original icon name (snake_case)
    iconName: string;    // React component name (PascalCase)
    categories: string[]; // Categories (e.g., ["action", "navigation"])
  }
}
```

### Path Data Structure

```typescript
type IconPathData = {
  outlined: Record<string, string>; // weight -> SVG path
  rounded: Record<string, string>;  // weight -> SVG path  
  sharp: Record<string, string>;    // weight -> SVG path
}
```

## Available Icons

This package contains metadata for **3,836 unique icons** across:

- **3 styles**: outlined, rounded, sharp
- **7 weights**: 100, 200, 300, 400, 500, 600, 700
- **Categories**: action, navigation, social, toggle, and more

## Companion Packages

- [`@material-symbols-svg/react`](https://www.npmjs.com/package/@material-symbols-svg/react) - React components (Outlined / Rounded / Sharp)
- [`@material-symbols-svg/vue`](https://www.npmjs.com/package/@material-symbols-svg/vue) - Vue components (Outlined / Rounded / Sharp)
- [`@material-symbols-svg/astro`](https://www.npmjs.com/package/@material-symbols-svg/astro) - Astro components (Outlined / Rounded / Sharp)
- [`@material-symbols-svg/svelte`](https://www.npmjs.com/package/@material-symbols-svg/svelte) - Svelte components (Outlined / Rounded / Sharp)

## License

Apache-2.0

## Repository

https://github.com/k-s-h-r/material-symbols-svg
npm package: @material-symbols/metadata
Description: Metadata for Material Symbols.
Latest version: 0.44.1

# [@material-symbols/metadata](https://github.com/marella/material-symbols/tree/main/metadata)

Metadata for Material Symbols.

> For fonts, see [`material-symbols`](https://www.npmjs.com/package/material-symbols)
>
> For SVGs, see [`@material-symbols/svg-400`](https://www.npmjs.com/package/@material-symbols/svg-400)

## Installation

Install the [latest version][releases] using:

```sh
npm install @material-symbols/metadata@latest
```

## Usage

List of icon names and their versions are available in [versions.json](https://github.com/marella/material-symbols/blob/main/metadata/versions.json).

## License

Material Symbols are created by [Google](https://github.com/google/material-design-icons#license).

> We have made these icons available for you to incorporate into your products under the [Apache License Version 2.0][license]. Feel free to remix and re-share these icons and documentation in your products.
We'd love attribution in your app's *about* screen, but it's not required.

[releases]: https://github.com/marella/material-symbols/releases
[license]: https://github.com/marella/material-symbols/blob/main/metadata/LICENSE