Icon assets for The Graph Design System
npm install @graphprotocol/gds-iconsIcon 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').
``bash`
pnpm add @graphprotocol/gds-icons
`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'] }
`
SVG files are available in the assets directory:
- assets/phosphor.generated/ - Icons from Phosphor Iconsassets/custom/` - Custom icons for The Graph ecosystem
-
MIT
Icons are sourced from Phosphor Icons (MIT) with custom additions.