@risemaxi/sigil
Version:
Icons and Signs for the Rise Design System
18 lines (17 loc) • 1.68 kB
JavaScript
import { memo } from 'react';
import { Svg, G, Path, Rect, Defs, ClipPath } from 'react-native-svg';
const Icon = (props) => {
const { color = 'black', size = 24, ...otherProps } = props;
return (<Svg viewBox="0 0 32 11" fill="none" height={size} width={size} {...otherProps}>
<G clipPath="url(#clip0_134_2088)">
<Path d="M20.8428 0.0129395C18.5706 0.0129395 16.5402 1.22157 16.5402 3.45461C16.5402 6.01546 20.1413 6.19232 20.1413 7.47883C20.1413 8.02052 19.5364 8.50544 18.5033 8.50544C17.0371 8.50544 15.9412 7.82788 15.9412 7.82788L15.4723 10.0813C15.4723 10.0813 16.7347 10.6536 18.4108 10.6536C20.8949 10.6536 22.8496 9.3856 22.8496 7.11443C22.8496 4.4084 19.2335 4.23677 19.2335 3.0427C19.2335 2.6183 19.7301 2.15337 20.7602 2.15337C21.9226 2.15337 22.8709 2.64615 22.8709 2.64615L23.3298 0.469784C23.3298 0.469784 22.2979 0.0129395 20.8428 0.0129395ZM0.055031 0.177209L0 0.505715C0 0.505715 0.9559 0.685237 1.81682 1.0434C2.92533 1.45405 3.00432 1.69314 3.191 2.43569L5.22535 10.4842H7.9525L12.1538 0.177209H9.43295L6.73336 7.18497L5.63178 1.24484C5.53075 0.565019 5.019 0.177209 4.39262 0.177209H0.055031ZM13.2479 0.177209L11.1135 10.4842H13.708L15.835 0.177176H13.2479V0.177209ZM27.7187 0.177209C27.093 0.177209 26.7615 0.520968 26.5183 1.12167L22.7171 10.4842H25.4379L25.9644 8.92372H29.2791L29.5993 10.4842H32L29.9056 0.177209H27.7187ZM28.0725 2.96183L28.879 6.82951H26.7183L28.0725 2.96183Z" fill="#1A1F71"/>
</G>
<Defs>
<ClipPath id="clip0_134_2088">
<Rect width="32" height="10.6667" fill="white"/>
</ClipPath>
</Defs>
</Svg>);
};
Icon.displayName = 'VisaLogo';
export const VisaLogo = memo(Icon);