onecart-ui
Version:
OneCart UI: Cross-platform design tokens + React & React Native components
11 lines (10 loc) • 1.31 kB
JavaScript
import React from 'react';
import { Svg, Path } from 'react-native-svg';
export const AccessibleForward = ({ size = 'md', color = 'currentColor', style, }) => {
const sizeMap = { xs: 16, sm: 20, md: 24, lg: 32, xl: 40 };
const iconSize = typeof size === 'number' ? size : sizeMap[size];
return (React.createElement(Svg, { width: iconSize, height: iconSize, viewBox: "0 0 24 24", fill: "none", style: style },
React.createElement(Path, { d: "M12.000 22.000C17.523 22.000 22.000 17.523 22.000 12.000C22.000 6.477 17.523 2.000 12.000 2.000C6.477 2.000 2.000 6.477 2.000 12.000C2.000 17.523 6.477 22.000 12.000 22.000Z", fill: color }),
React.createElement(Path, { d: "M14.500 14.500H12.000C9.500 19.063 7.812 20.750 5.750 20.750C3.688 20.750 2.000 19.063 2.000 17.000C2.000 14.938 3.688 13.250 5.750 13.250V8.250C4.800 8.250 2.000 11.050 2.000 14.500C2.000 17.950 4.800 20.750 8.250 20.750C11.700 20.750 14.500 17.950 14.500 14.500ZM18.250 10.125H15.925L15.513 8.037C16.275 6.375 15.050 4.500 13.200 4.500H6.700C8.188 2.000 7.275 2.587 6.863 3.500L6.025 5.750L8.425 6.413L9.237 4.500H12.000L7.213 12.125C6.463 13.787 7.700 15.750 9.525 15.750H15.750V22.000H18.250V15.125C18.250 13.750 17.125 12.625 15.750 12.625Z", fill: color })));
};
AccessibleForward.displayName = 'AccessibleForward';