@janiscommerce/ui-native
Version:
components library for Janis app
32 lines (31 loc) • 2.99 kB
JavaScript
import Svg, { G, Stop, Path, Defs, LinearGradient } from 'react-native-svg';
import React from 'react';
import { View } from 'react-native';
const LoginIllustration = ({ ...props }) => (<View {...props}>
<Svg width={100} height={98} viewBox="0 0 100 98" xmlns="http://www.w3.org/2000/svg" {...props}>
<Defs>
<LinearGradient x1="50.017%" y1="99.985%" x2="50.017%" y2="0002.025%" id="prefix__a">
<Stop stopColor="#E1EAFF" offset="0%"/>
<Stop stopColor="#FFF" offset="0.002%"/>
<Stop stopColor="#FBFCFF" offset="23.64%"/>
<Stop stopColor="#F1F5FF" offset="44.82%"/>
<Stop stopColor="#DEE8FF" offset="65.05%"/>
<Stop stopColor="#C5D5FF" offset="84.6%"/>
<Stop stopColor="#ABC3FF" offset="99.95%"/>
<Stop stopColor="#ABC3FF" offset="100%"/>
</LinearGradient>
</Defs>
<G fill="none" fillRule="evenodd">
<Path d="M50.34 14.512c-9.41 0-17.12 7.654-17.12 17.12 0 9.411 7.653 17.12 17.12 17.12 9.41 0 17.12-7.652 17.12-17.12 0-9.466-7.71-17.12-17.12-17.12zM79.422 83.333c0-16.383-12.529-28.741-29.139-28.741S21.145 66.95 21.145 83.333h-2.948H82.37h-2.948z" fill="#FFF" fillRule="nonzero"/>
<Path fill="url(#prefix__a)" fillRule="nonzero" d="M0 98.073V0h100v98.073z"/>
<Path d="M50.17 48.696H50.453c9.41-.057 17.007-7.71 17.007-17.12s-7.653-17.12-17.12-17.12c-9.41 0-17.12 7.653-17.12 17.12 0 9.41 7.596 17.007 16.95 17.12z"/>
<Path d="M85.26 83.333v-.17c0-.51 0-.963-.056-1.417v-.397-.567c-.567-8.05-3.685-15.362-8.957-21.088-.397-.454-.793-.85-1.19-1.247-3.515-3.345-7.653-5.896-12.189-7.597 6.293-4.081 10.488-11.224 10.488-19.274 0-12.642-10.317-22.96-22.96-22.96-12.64 0-22.958 10.318-22.958 22.96 0 8.05 4.195 15.136 10.43 19.274a33.967 33.967 0 00-12.244 7.597c-.397.397-.794.85-1.19 1.247-5.273 5.669-8.448 13.038-8.958 21.088-.113.85-.113 1.814-.113 2.835 0 .963.057 1.814.17 2.55h69.784c.057-.736.057-1.587.057-2.38-.113-.17-.113-.34-.113-.454zM33.22 31.576c0-9.41 7.653-17.12 17.12-17.12 9.41 0 17.12 7.653 17.12 17.12 0 9.41-7.596 17.063-17.006 17.12H50.17c-9.354-.113-16.95-7.71-16.95-17.12zM21.259 80.782c.736-8.9 5.215-16.44 12.018-21.088 4.705-3.231 10.487-5.102 16.95-5.102H50.51c6.406.057 12.188 1.927 16.894 5.102 6.802 4.648 11.28 12.188 12.018 21.088H21.259z" fill="#2979FF" fillRule="nonzero"/>
<Path d="M79.308 80.782h-58.05c.737-8.9 5.216-16.44 12.019-21.088 4.705-3.231 10.487-5.102 16.95-5.102H50.51c6.406.057 12.188 1.927 16.894 5.102 6.689 4.648 11.167 12.188 11.904 21.088zM67.46 31.576c0 9.41-7.596 17.063-17.006 17.12H50.17c-9.354-.057-16.95-7.71-16.95-17.12s7.653-17.12 17.12-17.12c9.41.056 17.12 7.71 17.12 17.12z" fill="#FFF" fillRule="nonzero"/>
<Path fill="#2979FF" fillRule="nonzero" d="M5.896 14.116v-8.22h8.56V0H0v14.116zM94.104 5.896v8.56h5.84V0h-14.06v5.896z"/>
<G fill="#2979FF" fillRule="nonzero">
<Path d="M14.456 97.902H0V83.844h5.896v8.22h8.56zM99.943 97.902H85.884v-5.839h8.22v-8.56h5.84z"/>
</G>
</G>
</Svg>
</View>);
export default LoginIllustration;