Icons
WooCommerce Blocks Icons Library.
Usage
import { Icon, bill, woo } from '@woocommerce/icons';
<Icon srcElement={ bill } />
<Icon srcElement={ bill } size={ 16 } />
<Icon srcElement={ woo } width={ 20 } height={ Math.floor( 20 * 1.67 ) } />
Props
| Name |
Type |
Default |
Description |
size |
integer |
24 |
Size of icon in pixels. |
Adding Icons
- Add the icon file to
./library folder.
- Make sure to use
SVG primitive from @wordpress/components and not a native svg. SVG offers more accessibility features.
- Remove width and height since they're handled by Icon.
- Remove any hardcoded colors on the svg. If necessary, use
CurrentColor.
- Export the Icon in
./library/index.js.
52496a3506