onecart-ui
Version:
OneCart UI: Cross-platform design tokens + React & React Native components
9 lines (8 loc) • 1.33 kB
JavaScript
import React from 'react';
export const Weekend = ({ size = 'md', color = 'currentColor', className, 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", xmlns: "http://www.w3.org/2000/svg", className: className, style: style },
React.createElement("path", { d: "M19.500 9.500V7.833C19.500 6.458 18.375 5.333 17.000 5.333H7.000C5.625 5.333 4.500 6.458 4.500 7.833V9.500C3.125 9.500 2.000 10.625 2.000 12.000V16.167C2.000 17.542 3.125 18.667 4.500 18.667H19.500C20.875 18.667 22.000 17.542 22.000 16.167V12.000C22.000 10.625 20.875 9.500 19.500 9.500ZM6.167 7.833C6.167 7.375 6.542 7.000 7.000 7.000H17.000C17.458 7.000 17.833 7.375 17.833 7.833V10.150C17.325 10.608 17.000 11.267 17.000 12.000V13.667H7.000V12.000C7.000 11.267 6.675 10.608 6.167 10.150V7.833ZM20.333 16.167C20.333 16.625 19.958 17.000 19.500 17.000H4.500C4.042 17.000 3.667 16.625 3.667 16.167V12.000C3.667 11.542 4.042 11.167 4.500 11.167C4.958 11.167 5.333 11.542 5.333 12.000V15.333H18.667V12.000C18.667 11.542 19.042 11.167 19.500 11.167C19.958 11.167 20.333 11.542 20.333 12.000V16.167Z", fill: color })));
};
Weekend.displayName = 'Weekend';