Back to Woocommerce

Icon Library

plugins/woocommerce/client/blocks/assets/js/icons/docs/iconography.mdx

11.0.0540 B
Original Source

import { Meta, Title, IconGallery, IconItem } from '@storybook/blocks'; import * as icons from '../index';

<Meta title="Icons/Icon Library" />

Icon Library

<IconGallery> { Object.entries( icons ).map( ( [ name, icon ] ) => { return ( <IconItem key={ name } name={ name }> { typeof icon === 'function' ? icon( {} ) : icon } </IconItem> ); } ) } </IconGallery>

Usage

jsx
import { bagAlt } from '@woocommerce/icons';
import { Icon } from '@wordpress/icons';

const IconExample = () => <Icon icon={ bagAlt } />;