UNPKG

onecart-ui

Version:

OneCart UI: Cross-platform design tokens + React & React Native components

9 lines (8 loc) 895 B
import React from 'react'; export const Devices = ({ 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: "M5.333 5.333H20.333V3.667H5.333C2.750 5.333 2.000 6.083 2.000 7.000V14.500H2.000V17.000H13.667V14.500H5.333V5.333ZM21.167 7.000H16.167C14.042 8.667 13.667 9.042 13.667 9.500V16.167C15.333 16.625 15.708 17.000 16.167 17.000H21.167C19.958 18.667 20.333 18.292 20.333 17.833V7.833C22.000 7.375 21.625 7.000 21.167 7.000ZM20.333 14.500H17.000V8.667H20.333V14.500Z", fill: color }))); }; Devices.displayName = 'Devices';