History

Mike Jolley 24035a1508 Update Stripe Method to display generic icon and text in label, with cards below (https://github.com/woocommerce/woocommerce-blocks/pull/2466 ) * Support card alignment as a prop * Add generic card icon to stripe * Add icons to stripe content * Update styles * Label element with icon whitelist * Update assets/js/base/components/payment-methods/payment-methods.js Co-authored-by: Darren Ethier <darren@roughsmootheng.in> * Remove activePaymentMethod * Remove spread operator Co-authored-by: Darren Ethier <darren@roughsmootheng.in>		2020-05-13 16:48:03 +01: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 Stripe Method to display generic icon and text in label, with cards below (https://github.com/woocommerce/woocommerce-blocks/pull/2466 )	2020-05-13 16:48:03 +01: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 Stripe Method to display generic icon and text in label, with cards below (https://github.com/woocommerce/woocommerce-blocks/pull/2466 )	2020-05-13 16:48:03 +01: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.