onecart-ui
Version:
OneCart UI: Cross-platform design tokens + React & React Native components
9 lines (8 loc) • 949 B
JavaScript
import React from 'react';
export const Key = ({ 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.895 11.474H11.105C13.400 5.863 11.063 4.105 8.316 4.105C4.832 4.105 2.000 6.937 2.000 10.421C2.000 13.905 4.832 16.737 8.316 16.737C11.063 16.737 13.400 14.979 14.263 12.526H14.632L13.579 17.789L15.684 15.684L17.789 17.789L22.000 13.537L19.895 11.474ZM5.158 16.737C3.421 16.737 2.000 15.316 2.000 13.579C2.000 11.842 3.421 10.421 5.158 10.421C6.895 10.421 8.316 11.842 8.316 13.579C8.316 15.316 6.895 16.737 5.158 16.737Z", fill: color })));
};
Key.displayName = 'Key';