@workday/canvas-kit-docs/dist/mdx/react/icon/Assets.mdx

Documentation components of Canvas Kit components

import {ExampleCodeBlock} from '@workday/canvas-kit-docs';
import SystemIconList from './examples/IconList';
import AppletIconList from './examples/AppletIconList';
import AccentIconList from './examples/AccentIconList';
import Overview from './examples/Overview';


# Assets

Assets are graphics which help communicate meaning or highlight areas of interaction to our users.
These may be presented individually or as part of a group with related information in components and
patterns.

<ExampleCodeBlock code={Overview} />

## Accent Icon List

Accent Icons add clarity, and visual interest, they bring delight to the experience by communicating
the overall tone and meaning of a page.

<ExampleCodeBlock code={AccentIconList} />

## Applet Icon List

Applet Icons convey entry points, categories of actions, or information sources on the Workday
homepage.

<ExampleCodeBlock code={AppletIconList} />

## System Icon List

System Icons are symbols used to convey simple actions and functions, they are the most common icons
encountered in products and help communicate metaphors at a glance.

<ExampleCodeBlock code={SystemIconList} />