UNPKG

onecart-ui

Version:

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

10 lines (9 loc) 920 B
import React from 'react'; import { Svg, Path } from 'react-native-svg'; export const Dvr = ({ size = 'md', color = 'currentColor', 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", style: style }, React.createElement(Path, { d: "M20.182 3.818H3.818C2.818 3.818 2.000 4.636 2.000 5.636V16.545C2.000 17.545 2.818 18.364 3.818 18.364H8.364V20.182H15.636V18.364H20.182C21.182 18.364 22.000 17.545 22.000 16.545V5.636C22.000 4.636 21.182 3.818 20.182 3.818ZM20.182 16.545H3.818V5.636H20.182V16.545ZM18.364 8.364H8.364V10.182H18.364V8.364ZM18.364 12.000H8.364V13.818H18.364V12.000ZM7.455 8.364H5.636V10.182H7.455V8.364ZM7.455 12.000H5.636V13.818H7.455V12.000Z", fill: color }))); }; Dvr.displayName = 'Dvr';