onecart-ui
Version:
OneCart UI: Cross-platform design tokens + React & React Native components
11 lines (10 loc) • 2.69 kB
JavaScript
import React from 'react';
import { Svg, Path } from 'react-native-svg';
export const VpnLock = ({ 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.291 12.000C18.327 12.300 18.364 12.600 18.364 12.909C18.364 14.800 17.636 16.518 16.455 17.809C16.218 17.073 15.545 16.545 14.727 16.545H13.818V13.818C13.818 13.318 13.409 12.909 12.909 12.909H7.455V11.091H9.273C9.773 11.091 10.182 10.682 10.182 10.182V8.364H12.000C13.000 8.364 13.818 7.545 13.818 6.545V4.236C12.955 3.964 12.045 3.818 11.091 3.818C6.073 3.818 2.000 7.891 2.000 12.909C2.000 17.927 6.073 22.000 11.091 22.000C16.109 22.000 20.182 17.927 20.182 12.909C20.182 12.600 20.164 12.300 20.136 12.000H18.291ZM10.182 20.118C6.591 19.673 3.818 16.618 3.818 12.909C3.818 12.345 3.891 11.809 4.009 11.282L8.364 15.636V16.545C8.364 17.545 9.182 18.364 10.182 18.364V20.118ZM21.091 4.727V4.273C21.091 3.018 20.073 2.000 18.818 2.000C17.564 2.000 16.545 3.018 16.545 4.273V4.727C16.045 4.727 15.636 5.136 15.636 5.636V9.273C15.636 9.773 16.045 10.182 16.545 10.182H21.091C21.591 10.182 22.000 9.773 22.000 9.273V5.636C22.000 5.136 21.591 4.727 21.091 4.727ZM20.182 4.727H17.455V4.273C17.455 3.518 18.064 2.909 18.818 2.909C19.573 2.909 20.182 3.518 20.182 4.273V4.727Z", fill: color }),
React.createElement(Path, { d: "M4.358 20.553C4.363 20.596 4.368 20.639 4.368 20.684C4.368 20.958 4.263 21.207 4.092 21.393C4.058 21.287 3.961 21.211 3.842 21.211H3.711V20.816C3.711 20.743 3.651 20.684 3.579 20.684H2.789V20.421H3.053C2.862 20.684 2.921 20.625 2.921 20.553V20.026H3.447C3.329 20.289 3.447 20.171 3.447 20.026V19.429C3.586 19.389 3.454 19.368 3.316 19.368C2.589 19.368 2.000 19.958 2.000 20.684C2.000 21.411 2.589 22.000 3.316 22.000C4.042 22.000 4.632 21.411 4.632 20.684C4.632 20.639 4.629 20.596 4.625 20.553H4.358ZM2.921 21.991C2.401 21.926 2.000 21.484 2.000 20.947C2.000 20.866 2.011 20.788 2.028 20.712L2.658 21.342V21.211C2.921 21.355 3.039 21.474 3.184 21.474V21.991ZM4.500 19.763V19.434C4.763 19.253 4.616 19.105 4.434 19.105C4.253 19.105 4.105 19.253 4.105 19.434V19.763C3.770 19.763 3.711 19.822 3.711 19.895V20.158C3.974 20.230 4.033 20.289 4.105 20.289H4.763C4.572 20.553 4.632 20.493 4.632 20.421V19.632C4.895 19.559 4.836 19.500 4.763 19.500ZM4.632 19.500H4.237V19.434C4.237 19.325 4.325 19.237 4.434 19.237C4.543 19.237 4.632 19.325 4.632 19.434V19.763Z", fill: color })));
};
VpnLock.displayName = 'VpnLock';