onecart-ui
Version:
OneCart UI: Cross-platform design tokens + React & React Native components
10 lines (9 loc) • 1.3 kB
JavaScript
import React from 'react';
import { Svg, Path } from 'react-native-svg';
export const VpnKey = ({ 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: "M18.667 17.833H13.667V14.500H11.433C12.150 14.850 10.100 16.167 7.833 16.167C4.617 16.167 2.000 13.550 2.000 10.333C2.000 7.117 4.617 4.500 7.833 4.500C10.100 4.500 12.142 5.817 13.100 7.833H22.000V12.833H20.333V16.167ZM17.000 14.500H18.667V11.167H20.333V9.500H11.950L10.092 10.608C9.508 8.950 7.925 7.833 6.167 7.833C3.867 7.833 2.000 9.700 2.000 12.000C2.000 14.300 3.867 16.167 6.167 16.167C7.925 16.167 9.508 15.050 10.092 13.392L10.283 12.833H15.333V16.167ZM6.167 14.500C4.792 14.500 3.667 13.375 3.667 12.000C3.667 10.625 4.792 9.500 6.167 9.500C7.542 9.500 8.667 10.625 8.667 12.000C8.667 13.375 7.542 14.500 6.167 14.500ZM6.167 11.167C5.708 11.167 5.333 11.542 5.333 12.000C5.333 12.458 5.708 12.833 6.167 12.833C6.625 12.833 7.000 12.458 7.000 12.000C7.000 11.542 6.625 11.167 6.167 11.167Z", fill: color })));
};
VpnKey.displayName = 'VpnKey';