onecart-ui
Version:
OneCart UI: Cross-platform design tokens + React & React Native components
10 lines (9 loc) • 1.14 kB
JavaScript
import React from 'react';
import { Svg, Path } from 'react-native-svg';
export const Anchor = ({ 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: "M17.000 14.000L18.550 15.550C17.590 17.240 15.220 18.590 13.000 18.920V11.000H15.000V9.000H12.000V7.820C13.160 7.400 14.000 6.300 14.000 5.000C14.000 3.350 12.650 2.000 11.000 2.000C9.350 2.000 8.000 3.350 8.000 5.000C8.000 6.300 8.840 7.400 10.000 7.820V8.000H8.000V10.000H11.000V18.920C8.780 18.590 6.410 17.240 5.450 15.550L7.000 14.000L3.000 11.000V15.000C2.000 18.880 6.920 22.000 11.000 22.000C15.080 22.000 20.000 18.880 20.000 15.000V11.000L17.000 14.000ZM12.000 3.000C12.550 3.000 13.000 3.450 13.000 4.000C13.000 4.550 12.550 5.000 12.000 5.000C11.450 5.000 11.000 4.550 11.000 4.000C11.000 3.450 11.450 3.000 12.000 3.000Z", fill: color })));
};
Anchor.displayName = 'Anchor';