onecart-ui
Version:
OneCart UI: Cross-platform design tokens + React & React Native components
10 lines (9 loc) • 1.17 kB
JavaScript
import React from 'react';
import { Svg, Path } from 'react-native-svg';
export const BeachAccess = ({ 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: "M22.000 19.460L20.496 20.965L13.708 14.177L15.215 12.672L22.000 19.460ZM13.697 2.000C10.978 2.000 8.259 3.033 6.173 5.109L6.162 5.119C2.000 9.281 2.000 16.036 6.162 20.198L21.231 5.119C19.155 3.043 16.426 2.000 13.697 2.000ZM6.341 17.037C5.562 15.730 5.140 14.234 5.140 12.664C5.140 11.684 5.309 10.746 5.625 9.850C5.825 11.863 6.563 13.844 7.806 15.583L6.341 17.037ZM9.334 14.044C7.911 11.884 7.374 9.302 7.880 6.847C8.491 6.721 9.102 6.658 9.724 6.658C11.621 6.658 13.465 7.237 15.077 8.301L9.334 14.044ZM10.883 4.592C11.779 4.276 12.717 4.107 13.697 4.107C15.267 4.107 16.763 4.529 18.070 5.309L16.605 6.773C14.866 5.530 12.896 4.792 10.883 4.592Z", fill: color })));
};
BeachAccess.displayName = 'BeachAccess';