@janiscommerce/ui-native
Version:
components library for Janis app
18 lines (17 loc) • 2.85 kB
JavaScript
import Svg, { G, Path, Ellipse, Circle } from 'react-native-svg';
import React from 'react';
import { View } from 'react-native';
const EmptyNotifications = ({ ...props }) => (<View {...props}>
<Svg width="81" height="117" viewBox="0 0 81 117" xmlns="http://www.w3.org/2000/svg" {...props}>
<G id="Bienvenida-(A)" stroke="none" stroke-width="1" fill="none" fillRule="evenodd">
<G id="Notification_icon">
<Ellipse id="Oval" fill="#D0D3E3" cx="38" cy="112.5" rx="34" ry="4.5"/>
<Path d="M70.3,79.7142857 L70.3,38.8571429 C70.2919528,21.8384331 57.5482806,7.54239462 40.7,5.65142857 L40.7,0 L33.3,0 L33.3,5.65142857 C16.4517194,7.54239462 3.70804719,21.8384331 3.7,38.8571429 L3.7,79.7142857 L0,79.7142857 L0,87.1428571 L74,87.1428571 L74,79.7142857 L70.3,79.7142857 Z M37,94.5714286 C32.9130929,94.5714286 29.6,91.2455439 29.6,87.1428571 L44.4,87.1428571 C44.4,91.2455439 41.0869071,94.5714286 37,94.5714286 Z M11.1,79.7142857 L11.1,38.8571429 C11.1,24.4977394 22.695825,12.8571429 37,12.8571429 C51.304175,12.8571429 62.9,24.4977394 62.9,38.8571429 L62.9,79.7142857 L11.1,79.7142857 Z" id="Shape" fill="#2979FF" fill-rule="nonzero"/>
<Path d="M37,97.1428571 C31.4983942,97.1428571 27.0384615,92.6657046 27.0384615,87.1428571 L46.9615385,87.1428571 C46.9615385,92.6657046 42.5016058,97.1428571 37,97.1428571 Z" id="Path" fill="#1759FF"/>
<Circle id="Oval" fill="#5393FF" cx="65.5" cy="30.5" r="15.5"/>
<Path d="M66.0043945,37.1757812 C67.4165039,37.1757812 68.4887695,36.7070312 69.2211914,35.7695312 C69.9536133,34.8320312 70.3198242,33.4785156 70.3198242,31.7089844 L70.3198242,31.7089844 L70.3198242,29.3535156 C70.3022461,27.6367188 69.9243164,26.3198242 69.1860352,25.402832 C68.4477539,24.4858398 67.3813477,24.0273438 65.9868164,24.0273438 C64.5922852,24.0273438 63.5244141,24.4902344 62.7832031,25.4160156 C62.0419922,26.3417969 61.6713867,27.6982422 61.6713867,29.4853516 L61.6713867,29.4853516 L61.6713867,31.8408203 C61.6889648,33.5576172 62.0668945,34.8759766 62.8051758,35.7958984 C63.543457,36.7158203 64.6098633,37.1757812 66.0043945,37.1757812 Z M66.0043945,35.1279297 C65.3774414,35.1279297 64.921875,34.8745117 64.6376953,34.3676758 C64.3535156,33.8608398 64.2114258,33.0859375 64.2114258,32.0429688 L64.2114258,32.0429688 L64.2114258,28.9316406 C64.2290039,27.953125 64.3798828,27.2338867 64.6640625,26.7739258 C64.9482422,26.3139648 65.3891602,26.0839844 65.9868164,26.0839844 C66.6020508,26.0839844 67.0546875,26.3256836 67.3447266,26.809082 C67.6347656,27.2924805 67.7797852,28.0644531 67.7797852,29.125 L67.7797852,29.125 L67.7797852,32.1660156 C67.7680664,33.1679688 67.6245117,33.9121094 67.3491211,34.3984375 C67.0737305,34.8847656 66.6254883,35.1279297 66.0043945,35.1279297 Z" id="0" fill="#FFFFFF" fill-rule="nonzero"/>
</G>
</G>
</Svg>
</View>);
export default EmptyNotifications;