import { Canvas, Controls, Meta, Title } from '@storybook/addon-docs/blocks';
import * as IconStories from './Icon.stories';
<Meta of={IconStories} name='Usage' />
<Title />
## Purpose
The PDS Icon set with one addition: `sparklesSolid`, a solid sparkles glyph for third-party agents, alongside the existing `zappy`.
## Usage
Use an icon to support a label or to stand in for one where the meaning is well known.
- Use `zappy` for Pantheon agents and `sparklesSolid` for other (third-party) agents.
- The existing `sparkles` icon (regular style) is unchanged.
## Implementation
See the table below for the available props. The other stories show every variant and state.
<hr />
<Canvas of={IconStories.Default} />
<Controls of={IconStories.Default} />
Icon: agentic icons
Add the new sharp, solid sparkles glyph to the Icon set alongside zappy.
Extends a PDS componentOpen in Storybook