ant-design/.dumi/theme/common/DirectionIcon.tsx

import Icon from '@ant-design/icons';
import React from 'react';
import type { DirectionType } from 'antd/es/config-provider';

const ltrD =
  'M448 64l512 0 0 128-128 0 0 768-128 0 0-768-128 0 0 768-128 0 0-448c-123.712 0-224-100.288-224-224s100.288-224 224-224zM64 448l256 224-256 224z';
const rtlD =
  'M256 64l512 0 0 128-128 0 0 768-128 0 0-768-128 0 0 768-128 0 0-448c-123.712 0-224-100.288-224-224s100.288-224 224-224zM960 896l-256-224 256-224z';

const DirectionSvg = ({ direction }: any) => (
  <svg viewBox="0 0 1024 1024" fill="currentColor">
    <path d={direction === 'ltr' ? ltrD : rtlD} />
  </svg>
);

const DirectionIcon: React.FC<{ direction: DirectionType; className?: string }> = (props) => (
  <Icon {...props} component={() => <DirectionSvg direction={props.direction} />} />
);

export default DirectionIcon;