onecart-ui
Version:
OneCart UI: Cross-platform design tokens + React & React Native components
9 lines (8 loc) • 1.15 kB
JavaScript
import React from 'react';
export const HowToReg = ({ 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: "M10.889 10.889C13.344 10.889 15.333 8.900 15.333 6.444C15.333 3.989 13.344 2.000 10.889 2.000C8.433 2.000 6.444 3.989 6.444 6.444C6.444 8.900 8.433 10.889 10.889 10.889ZM10.889 4.222C12.111 4.222 13.111 5.222 13.111 6.444C13.111 7.667 12.111 8.667 10.889 8.667C9.667 8.667 8.667 7.667 8.667 6.444C8.667 5.222 9.667 4.222 10.889 4.222ZM4.222 17.556C4.444 16.856 7.078 15.689 9.733 15.400L12.000 13.178C11.567 13.133 11.244 13.111 10.889 13.111C7.922 13.111 2.000 14.600 2.000 17.556V20.889H10.889L9.778 17.556H4.222ZM20.444 12.556L14.744 18.300L12.444 15.989L10.889 17.556L14.744 21.444L22.000 14.122L20.444 12.556Z", fill: color })));
};
HowToReg.displayName = 'HowToReg';