@medusajs/icons

Documentation | Website

Building blocks for digital commerce

Medusa Icons: the React icon library of Medusa's design system, used in the Medusa Admin dashboard. Use it in admin widgets and UI routes (for example, as a UI route's sidebar icon) or in any React app.

At a glance

Installation

Admin extensions in a Medusa application or plugin can import @medusajs/icons without extra setup. In other React projects:

npm install @medusajs/icons

Usage

import { Sun } from "@medusajs/icons"

const App = () => <Sun />

Contributing

The icon components are generated from Medusa's Figma file with yarn generate, which requires a FIGMA_TOKEN for the Medusa Figma organization. If you're not a Medusa team member, open an issue for icon problems instead of a PR.

Resources

• Icons