Icons

Displays an svg icon from @openedx/paragon/icons. See the Icon Component for more information.

Show editable code example

Any Paragon component or export may be added to the code example.

// Included in this live jsx scope:
// import { Add, AddCircle } from '@openedx/paragon/icons';
<Icon src={Add} />

// Included in this live jsx scope:
// import { Add, AddCircle } from '@openedx/paragon/icons';
<Icon src={Add} />

Many of the icons below are sourced from Material Design Sharp Icons. They are designed to be sharp at 24px by 24px.

Abc

import { Abc } from '@openedx/paragon/icons';

Paragon Design System