@risemaxi/sigil
Version:
Icons and Signs for the Rise Design System
18 lines (17 loc) • 1.18 kB
JavaScript
import { memo } from 'react';
import Svg, { G, Path, Defs, ClipPath } from 'react-native-svg';
const Icon = memo((_props) => {
const { color = 'black', size = 24, ...props } = _props;
return (<Svg fill="none" viewBox="0 0 32 11" width={size} height={size} {...props}>
<G clipPath="url(#a)">
<Path fill="#1A1F71" d="M20.843.013c-2.272 0-4.303 1.209-4.303 3.442 0 2.56 3.601 2.737 3.601 4.024 0 .542-.605 1.026-1.638 1.026-1.466 0-2.562-.677-2.562-.677l-.469 2.253s1.263.573 2.939.573c2.484 0 4.439-1.268 4.439-3.54 0-2.706-3.617-2.877-3.617-4.071 0-.425.497-.89 1.527-.89 1.163 0 2.11.493 2.11.493L23.33.47S22.298.013 20.843.013M.055.177 0 .506s.956.18 1.817.537c1.108.411 1.187.65 1.374 1.393l2.034 8.048h2.728l4.2-10.307h-2.72l-2.7 7.008-1.101-5.94C5.53.565 5.019.177 4.392.177zm13.193 0-2.134 10.307h2.594L15.835.177zm14.47 0c-.625 0-.956.344-1.2.945l-3.8 9.362h2.72l.526-1.56h3.315l.32 1.56H32L29.906.177zm.355 2.785.806 3.868h-2.16z"/>
</G>
<Defs>
<ClipPath id="a">
<Path fill="#fff" d="M0 0h32v10.667H0z"/>
</ClipPath>
</Defs>
</Svg>);
});
Icon.displayName = 'VisaLogo';
export const VisaLogo = Icon;