onecart-ui
Version:
OneCart UI: Cross-platform design tokens + React & React Native components
10 lines (9 loc) • 1.07 kB
JavaScript
import React from 'react';
import { Svg, Path } from 'react-native-svg';
export const TapAndPlay = ({ 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: "M2.900 15.643V17.452C5.420 17.452 7.457 19.490 7.457 22.000H9.276C9.267 18.489 6.420 15.643 2.900 15.643ZM2.900 19.281V22.000H5.638C5.629 20.499 4.410 19.281 2.900 19.281ZM2.900 12.005V13.814C7.430 13.814 11.095 17.480 11.095 22.000H12.914C12.905 16.479 8.430 12.005 2.900 12.005ZM16.543 2.009L7.448 2.000C6.447 2.000 5.629 2.819 5.629 3.819V10.513C6.266 10.658 6.875 10.849 7.457 11.095V5.638H16.543V17.462H13.787C14.269 18.589 14.560 19.808 14.660 21.090H16.552C17.543 21.100 18.362 20.281 18.362 19.281V3.810C18.371 2.809 17.553 2.000 16.552 2.000Z", fill: color })));
};
TapAndPlay.displayName = 'TapAndPlay';