@risemaxi/sigil
Version:
Icons and Signs for the Rise Design System
18 lines (17 loc) • 1.71 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 12" fill="none" height={size} width={size} {...otherProps}>
<G clipPath="url(#clip0_134_2094)">
<Path d="M20.8428 0.679688C18.5706 0.679688 16.5402 1.88832 16.5402 4.12136C16.5402 6.68221 20.1413 6.85907 20.1413 8.14558C20.1413 8.68727 19.5364 9.17219 18.5033 9.17219C17.0371 9.17219 15.9412 8.49463 15.9412 8.49463L15.4723 10.748C15.4723 10.748 16.7347 11.3203 18.4108 11.3203C20.8949 11.3203 22.8496 10.0523 22.8496 7.78117C22.8496 5.07515 19.2335 4.90352 19.2335 3.70945C19.2335 3.28505 19.7301 2.82012 20.7602 2.82012C21.9226 2.82012 22.8709 3.3129 22.8709 3.3129L23.3298 1.13653C23.3298 1.13653 22.2979 0.679688 20.8428 0.679688ZM0.055031 0.843957L0 1.17246C0 1.17246 0.9559 1.35199 1.81682 1.71014C2.92533 2.1208 3.00432 2.35989 3.191 3.10244L5.22535 11.1509H7.9525L12.1538 0.843957H9.43295L6.73336 7.85172L5.63178 1.91159C5.53075 1.23177 5.019 0.843957 4.39262 0.843957H0.055031ZM13.2479 0.843957L11.1135 11.1509H13.708L15.835 0.843924H13.2479V0.843957ZM27.7187 0.843957C27.093 0.843957 26.7615 1.18772 26.5183 1.78842L22.7171 11.1509H25.4379L25.9644 9.59047H29.2791L29.5993 11.1509H32L29.9056 0.843957H27.7187ZM28.0725 3.62858L28.879 7.49626H26.7183L28.0725 3.62858Z" fill="white"/>
</G>
<Defs>
<ClipPath id="clip0_134_2094">
<Rect width="32" height="10.6667" fill="white" transform="translate(0 0.666748)"/>
</ClipPath>
</Defs>
</Svg>);
};
Icon.displayName = 'VisaLogoDark';
export const VisaLogoDark = memo(Icon);