onecart-ui
Version:
OneCart UI: Cross-platform design tokens + React & React Native components
10 lines (9 loc) • 1.89 kB
JavaScript
import React from 'react';
export const ImportantDevices = ({ 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: "M21.167 11.175L17.000 11.167C16.542 11.167 16.167 11.542 16.167 12.000V19.500C16.167 19.958 16.542 20.333 17.000 20.333H21.167C21.625 20.333 22.000 19.958 22.000 19.500V12.000C22.000 11.542 21.625 11.175 21.167 11.175ZM21.167 18.667H17.000V12.833H21.167V18.667ZM18.667 3.667H3.667C2.742 3.667 2.000 4.408 2.000 5.333V15.333C2.000 16.250 2.742 17.000 3.667 17.000H9.500V18.667H7.833V20.333H14.500V18.667H12.833V17.000H14.500V15.333H3.667V5.333H18.667V9.500H20.333V5.333C20.333 4.408 19.583 3.667 18.667 3.667ZM11.975 9.500L11.167 7.000L10.358 9.500H7.833L9.892 10.967L9.108 13.392L11.167 11.892L13.225 13.392L12.442 10.967L14.500 9.500H11.975Z", fill: color }),
React.createElement("path", { d: "M7.227 19.502L6.091 19.500C5.966 19.500 5.864 19.602 5.864 19.727V21.773C5.864 21.898 5.966 22.000 6.091 22.000H7.227C7.352 22.000 7.455 21.898 7.455 21.773V19.727C7.455 19.602 7.352 19.502 7.227 19.502ZM7.227 21.545H6.091V19.955H7.227V21.545ZM6.545 17.455H2.455C2.202 17.455 2.000 17.657 2.000 17.909V20.636C2.000 20.886 2.202 21.091 2.455 21.091H4.045V21.545H3.591V22.000H5.409V21.545H4.955V21.091H5.409V20.636H2.455V17.909H6.545V19.045H7.000V17.909C7.000 17.657 6.795 17.455 6.545 17.455ZM4.720 19.045L4.500 18.364L4.280 19.045H3.591L4.152 19.445L3.939 20.107L4.500 19.698L5.061 20.107L4.848 19.445L5.409 19.045H4.720Z", fill: color })));
};
ImportantDevices.displayName = 'ImportantDevices';