History

Albert Juhé Lluveras 77b68795d8 Update Cart & Checkout heading styles (https://github.com/woocommerce/woocommerce-blocks/pull/2597 ) * Honor heading styles in Cart and Checkout blocks * Replace Panel with DisclosureWidget and remove Card * Remove panel-style from main entry * Rename DisclosureWidget props * Simplify TitleTag assign * Add aria-expanded attribute * Rename DisclosureWidget to Panel * Make Panel button clickable area smaller * Fix specificity issues with Twenty Twenty * Reset italics in reset-typography mixin * Make C&C titles font size large * Add padding to shipping options when in the sidebar		2020-06-05 12:00:19 +02:00
..
icon	Prevent wp.components loading on frontend (https://github.com/woocommerce/woocommerce-blocks/pull/1918 )	2020-03-10 11:20:40 +00:00
library	Update Cart & Checkout heading styles (https://github.com/woocommerce/woocommerce-blocks/pull/2597 )	2020-06-05 12:00:19 +02:00
README.md	add new icons and remove old ones (https://github.com/woocommerce/woocommerce-blocks/pull/1644 )	2020-01-31 19:20:33 +01:00
index.js	Update Cart & Checkout heading styles (https://github.com/woocommerce/woocommerce-blocks/pull/2597 )	2020-06-05 12:00:19 +02:00

README.md

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.