onecart-ui
Version:
OneCart UI: Cross-platform design tokens + React & React Native components
10 lines (9 loc) • 1.26 kB
JavaScript
import React from 'react';
import { Svg, Path } from 'react-native-svg';
export const CenterFocusStrong = ({ 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: "M17.556 12.000C17.556 8.933 15.067 6.444 12.000 6.444C8.933 6.444 6.444 8.933 6.444 12.000C6.444 15.067 8.933 17.556 12.000 17.556C15.067 17.556 17.556 15.067 17.556 12.000ZM12.000 15.333C10.167 15.333 8.667 13.833 8.667 12.000C8.667 10.167 10.167 8.667 12.000 8.667C13.833 8.667 15.333 10.167 15.333 12.000C15.333 13.833 13.833 15.333 12.000 15.333ZM4.222 15.333H2.000V19.778C2.000 21.000 3.000 22.000 4.222 22.000H8.667V19.778H4.222V15.333ZM4.222 4.222H8.667V2.000H4.222C3.000 2.000 2.000 3.000 2.000 4.222V8.667H4.222V4.222ZM19.778 2.000H15.333V4.222H19.778V8.667H22.000V4.222C22.000 3.000 21.000 2.000 19.778 2.000ZM19.778 19.778H15.333V22.000H19.778C21.000 22.000 22.000 21.000 22.000 19.778V15.333H19.778V19.778Z", fill: color })));
};
CenterFocusStrong.displayName = 'CenterFocusStrong';