The icon library contains brand-specific and general UI icons. All icons are managed in the Figma component library and support multiple size variants. Click any icon to copy its SVG code.
Icon Gallery
加载中…
Usage Guidelines
Size Specifications
| Context | Size | Notes |
|---|---|---|
| Small icon | 16×16 | Inline icons, supporting labels |
| Default | 24×24 | Standard UI icons |
| Large icon | 32×32 | Emphasis display, tab icons |
| Extra large | 48×48+ | Empty states, onboarding |
Color Usage
- Use
--ds-color-text-primaryas the default icon color - Interactive state icons follow the component's color changes
- Brand icons (parameters/features) use preset colors and should not be modified
Using in Figma
- Search for the icon name in the Figma Assets panel
- Drag it onto the canvas and switch size variants via the properties panel