Íconos de Flex UI (interfaz de usuario de Flex)

import { Icon } from '@twilio/flex-ui';

const Component = (props) => {
  return (
    <Icon icon="Aceptar"/>
  );
}

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>
  );
}

import { PayIcon, PayIconActive } from "./PayIcons";

// Use it in a component
<PaymentTab
  key="payment-tab"
  icon={<PayIcon />}
  iconActive={<PayIconActive />}
/>