onecart-ui
Version:
OneCart UI: Cross-platform design tokens + React & React Native components
11 lines (10 loc) • 1.4 kB
JavaScript
import React from 'react';
import { Svg, Path } from 'react-native-svg';
export const AppBlocking = ({ 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: "M12.000 2.000C6.475 2.000 2.000 6.475 2.000 12.000C2.000 17.525 6.475 22.000 12.000 22.000C17.525 22.000 22.000 17.525 22.000 12.000C22.000 6.475 17.525 2.000 12.000 2.000ZM5.750 12.000C5.750 8.550 8.550 5.750 12.000 5.750C13.050 5.750 14.000 6.025 14.875 6.475L6.475 14.875C6.025 14.000 5.750 13.050 5.750 12.000ZM12.000 18.250C10.950 18.250 10.000 17.975 9.125 17.525L17.525 9.125C17.975 10.000 18.250 10.950 18.250 12.000C18.250 15.450 15.450 18.250 12.000 18.250Z", fill: color }),
React.createElement(Path, { d: "M16.545 17.455H7.455V6.545H16.545V7.455H18.364V6.545V5.636V3.818C18.364 2.818 17.545 2.000 16.545 2.000H7.455C6.455 2.000 5.636 2.818 5.636 3.818V20.182C5.636 21.182 6.455 22.000 7.455 22.000H16.545C17.545 22.000 18.364 21.182 18.364 20.182V18.364V17.455V16.545H16.545V17.455ZM7.455 3.818H16.545V4.727H7.455V3.818ZM16.545 20.182H7.455V19.273H16.545V20.182Z", fill: color })));
};
AppBlocking.displayName = 'AppBlocking';