Custom Icons

You can also create your own custom icons using SVG files. First, create a custom module using the SVG(s) you would like to use.

Example:

export const PayIcon = (props) => {
 return (
     <svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
     ...
     </svg>
 );
}

export const PayIconActive = (props) => {
 return (
     <svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
         ...
     </svg>
 );
}

// Then use the icon module.
<PaymentTab
 key="payment-tab"
 icon={<PayIcon />}
 iconActive={<PayIconActive />}
/>

Rate this page