onecart-ui
Version:
OneCart UI: Cross-platform design tokens + React & React Native components
10 lines (9 loc) • 2.91 kB
JavaScript
import React from 'react';
export const FrontHand = ({ 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: "M17.417 5.750C17.275 5.750 17.133 5.767 17.000 5.792V5.750C14.083 4.600 13.150 3.667 12.000 3.667C11.842 3.667 11.692 3.683 11.550 3.717C11.375 2.742 10.525 2.000 9.500 2.000C8.617 2.000 7.867 2.550 7.558 3.325C7.383 3.275 7.192 3.250 7.000 3.250C5.850 3.250 4.917 4.183 4.917 5.333V2.875C7.700 2.850 7.558 2.833 7.417 2.833C6.267 2.833 5.333 3.767 5.333 4.917V14.917C2.417 18.825 5.592 22.000 9.500 22.000C13.408 22.000 16.583 18.825 16.583 14.917V7.833C19.500 6.683 18.567 5.750 17.417 5.750ZM17.833 12.000C17.833 14.992 15.408 17.417 12.417 17.417C9.425 17.417 7.000 14.992 7.000 12.000V7.833C4.083 7.600 4.267 7.417 4.500 7.417C4.733 7.417 4.917 7.600 4.917 7.833V9.083H9.500V2.417C9.500 2.183 9.683 2.000 9.917 2.000C10.150 2.000 10.333 2.183 10.333 2.417V11.167H9.083V4.083C9.083 3.850 9.267 3.667 9.500 3.667C9.733 3.667 9.917 3.850 9.917 4.083V8.250H14.500V2.833C14.500 2.600 14.683 2.417 14.917 2.417C15.150 2.417 15.333 2.600 15.333 2.833V13.183C10.942 13.825 9.917 15.292 9.917 17.000H11.583C14.500 12.700 15.617 11.583 17.000 11.583V10.750C14.083 10.517 14.267 10.333 14.500 10.333C14.733 10.333 14.917 10.517 14.917 10.750V12.000Z", fill: color }),
React.createElement("path", { d: "M3.908 19.895C3.886 19.895 3.863 19.897 3.842 19.901V19.434C3.842 19.253 3.695 19.105 3.513 19.105C3.488 19.105 3.464 19.108 3.442 19.113C3.414 18.959 3.280 18.842 3.118 18.842C2.979 18.842 2.861 18.929 2.812 19.051C2.784 19.043 2.754 19.039 2.724 19.039C2.542 19.039 2.395 19.187 2.395 19.368V19.441C2.374 19.437 2.351 19.434 2.329 19.434C2.147 19.434 2.000 19.582 2.000 19.763V20.882C2.000 21.499 2.501 22.000 3.118 22.000C3.736 22.000 4.237 21.499 4.237 20.882V20.224C4.237 20.042 4.089 19.895 3.908 19.895ZM3.974 20.882C3.974 21.354 3.591 21.737 3.118 21.737C2.646 21.737 2.263 21.354 2.263 20.882V19.763C2.263 19.726 2.292 19.697 2.329 19.697C2.366 19.697 2.395 19.726 2.395 19.763V20.421H2.658V19.368C2.658 19.332 2.687 19.303 2.724 19.303C2.761 19.303 2.789 19.332 2.789 19.368V20.289H3.053V19.171C3.053 19.134 3.082 19.105 3.118 19.105C3.155 19.105 3.184 19.134 3.184 19.171V20.289H3.447V19.434C3.447 19.397 3.476 19.368 3.513 19.368C3.550 19.368 3.579 19.397 3.579 19.434V20.608C3.346 20.709 3.184 20.941 3.184 21.211H3.447C3.447 20.992 3.624 20.816 3.842 20.816V20.224C3.842 20.187 3.871 20.158 3.908 20.158C3.945 20.158 3.974 20.187 3.974 20.224V20.882Z", fill: color })));
};
FrontHand.displayName = 'FrontHand';