@graphprotocol/gds-icons

Icon assets for The Graph Design System.

> Note: This package provides framework-agnostic SVG icon assets. For React components, use @graphprotocol/gds-react instead (e.g. import { ArrowRightIcon } from '@graphprotocol/gds-react/icons').

Installation

``bash
pnpm add @graphprotocol/gds-icons
`

Usage

$3

`ts
import { iconMetadata } from '@graphprotocol/gds-icons/metadata'

// Get all icon names
console.log(Object.keys(iconMetadata))

// Get icon info
console.log(iconMetadata.ArrowRight) // { collection: 'phosphor', variants: ['regular', 'thin', 'fill'] }
`

$3

SVG files are available in the assets directory:

- assets/phosphor.generated/ - Icons from Phosphor Icons
- assets/custom/` - Custom icons for The Graph ecosystem

License

MIT

Icons are sourced from Phosphor Icons (MIT) with custom additions.