onecart-ui
Version:
OneCart UI: Cross-platform design tokens + React & React Native components
9 lines (8 loc) • 1.13 kB
JavaScript
import React from 'react';
export const LockOpen = ({ 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: "M16.286 8.667H15.333V6.762C15.333 4.133 13.200 2.000 10.571 2.000C7.943 2.000 5.810 4.133 5.810 6.762H7.714C9.619 3.276 10.895 2.000 12.476 2.000C14.057 2.000 15.333 3.276 15.333 4.857V8.667H4.857C5.714 6.762 4.857 7.619 4.857 8.667V20.095C2.952 21.143 3.810 22.000 4.857 22.000H16.286C19.238 20.095 20.095 19.238 20.095 18.190V10.571C18.190 9.524 17.333 8.667 16.286 8.667ZM16.286 20.095H4.857V10.571H16.286V20.095ZM10.571 17.238C11.619 17.238 12.476 16.381 12.476 15.333C12.476 14.286 11.619 13.429 10.571 13.429C9.524 13.429 8.667 14.286 8.667 15.333C8.667 16.381 9.524 17.238 10.571 17.238Z", fill: color })));
};
LockOpen.displayName = 'LockOpen';