onecart-ui
Version:
OneCart UI: Cross-platform design tokens + React & React Native components
10 lines (9 loc) • 1.2 kB
JavaScript
import React from 'react';
import { Svg, Path } from 'react-native-svg';
export const Visibility = ({ 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 3.818C15.445 3.818 18.518 5.755 20.018 8.818C18.518 11.882 15.445 13.818 12.000 13.818C8.555 13.818 5.482 11.882 3.982 8.818C5.482 5.755 8.555 3.818 12.000 3.818ZM12.000 2.000C7.455 2.000 3.573 4.827 2.000 8.818C3.573 12.809 7.455 15.636 12.000 15.636C16.545 15.636 20.427 12.809 22.000 8.818C20.427 4.827 16.545 2.000 12.000 2.000ZM12.000 6.545C13.255 6.545 14.273 7.564 14.273 8.818C14.273 10.073 13.255 11.091 12.000 11.091C10.745 11.091 9.727 10.073 9.727 8.818C9.727 7.564 10.745 6.545 12.000 6.545ZM12.000 4.727C9.745 4.727 7.909 6.564 7.909 8.818C7.909 11.073 9.745 12.909 12.000 12.909C14.255 12.909 16.091 11.073 16.091 8.818C16.091 6.564 14.255 4.727 12.000 4.727Z", fill: color })));
};
Visibility.displayName = 'Visibility';