react-native-payment-card-icons
Version:
A collection of high-quality, customizable payment card brand icons (Visa, Mastercard, Maestro, Amex, and more) as React Native SVG components — fully compatible with React Native, Expo, and React Native Web for seamless cross-platform use.
32 lines (31 loc) • 1.79 kB
JavaScript
"use strict";
import Svg, { G, Path, Defs, ClipPath } from 'react-native-svg';
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
const VisaMonoOutline = props => /*#__PURE__*/_jsxs(Svg, {
width: 24,
height: 24,
fill: "none",
viewBox: "0 0 780 500",
...props,
children: [/*#__PURE__*/_jsxs(G, {
clipPath: "url(#a)",
children: [/*#__PURE__*/_jsx(Path, {
stroke: "#393939",
strokeWidth: 30,
d: "M53.487 14h673.524c21.257 0 38.488 16.816 38.488 37.559v394.38c0 20.744-17.231 37.561-38.488 37.561H53.487C32.231 483.5 15 466.684 15 445.939V51.559C15 30.816 32.231 14 53.487 14Z"
}), /*#__PURE__*/_jsx(Path, {
fill: "#393939",
d: "M486.052 147.154c-45.064 0-85.335 23.364-85.335 66.53 0 49.504 71.422 52.923 71.422 77.792 0 10.472-11.997 19.845-32.487 19.845-29.079 0-50.814-13.098-50.814-13.098l-9.299 43.56s25.037 11.064 58.278 11.064c49.269 0 88.038-24.511 88.038-68.416 0-52.309-71.72-55.627-71.72-78.71 0-8.203 9.848-17.19 30.28-17.19 23.053 0 41.861 9.525 41.861 9.525l9.102-42.071s-20.465-8.831-49.326-8.831m-412.289 3.175-1.091 6.35s18.958 3.471 36.033 10.394c21.986 7.939 23.552 12.561 27.255 26.915l40.348 155.584h54.088l83.325-199.243h-53.963l-53.542 135.467-21.848-114.828c-2.004-13.142-12.153-20.639-24.576-20.639zm261.658 0-42.333 199.243h51.459l42.183-199.243zm287.002 0c-12.408 0-18.983 6.645-23.807 18.257l-75.39 180.986h53.963l10.441-30.164h65.743l6.348 30.164h47.615l-41.539-199.243zm7.018 53.829 15.996 74.766h-42.853z"
})]
}), /*#__PURE__*/_jsx(Defs, {
children: /*#__PURE__*/_jsx(ClipPath, {
id: "a",
children: /*#__PURE__*/_jsx(Path, {
fill: "#fff",
d: "M0 0h780v500H0z"
})
})
})]
});
export default VisaMonoOutline;
//# sourceMappingURL=VisaMonoOutline.js.map