@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

pnpm add @graphprotocol/gds-icons

Usage

Icon Metadata

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'] }

Direct SVG Access

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.