UNPKG

@risemaxi/sigil

Version:

Icons and Signs for the Rise Design System

risevest.com

risevest/sigil

18 lines (17 loc) • 2.04 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
import { memo } from 'react'; import { Svg, G, Path } from 'react-native-svg'; const Icon = (props) => { const { color = 'black', size = 24, ...otherProps } = props; return (<Svg viewBox="0 0 24 24" height={size} width={size} {...otherProps}> <G fill="none" fillRule="evenodd"> <Path d="M24,0 L24,24 L0,24 L0,0 L24,0 Z M12.5935,23.2578 L12.5819,23.2595 L12.5109,23.295 L12.4919,23.2987 L12.4767,23.295 L12.4057,23.2595 C12.3958,23.2564 12.387,23.259 12.3821,23.2649 L12.378,23.2758 L12.3609,23.7031 L12.3659,23.7235 L12.3769,23.7357 L12.4805,23.8097 L12.4953,23.8136 L12.5071,23.8097 L12.6107,23.7357 L12.6233,23.7197 L12.6267,23.7031 L12.6096,23.2758 C12.6076,23.2657 12.601,23.2593 12.5935,23.2578 Z M12.8584,23.1453 L12.8445,23.1473 L12.6598,23.2397 L12.6499,23.2499 L12.6472,23.2611 L12.6651,23.6906 L12.6699,23.7034 L12.6784,23.7105 L12.8793,23.8032 C12.8914,23.8069 12.9022,23.803 12.9078,23.7952 L12.9118,23.7812 L12.8777,23.1665 C12.8753,23.1546 12.8674,23.147 12.8584,23.1453 Z M12.143,23.1473 C12.1332,23.1424 12.1222,23.1453 12.1156,23.1526 L12.1099,23.1665 L12.0758,23.7812 C12.0751,23.7927 12.0828,23.8019 12.0926,23.8046 L12.1083,23.8032 L12.3092,23.7105 L12.3186,23.7024 L12.3225,23.6906 L12.3404,23.2611 L12.3372,23.2485 L12.3278,23.2397 L12.143,23.1473 Z"/> <Path fill={color} d="M6,3.5 C6.82843,3.5 7.5,4.17157 7.5,5 L7.5,12 C7.5,12.2761 7.72386,12.5 8,12.5 L15.3787,12.5 L13.4393,10.5606 C12.8536,9.97486 12.8536,9.02511 13.4394,8.43933 C14.0251,7.85354 14.9749,7.85354 15.5607,8.43933 L20.0607,12.9393 C20.6464,13.5251 20.6464,14.4749 20.0607,15.0607 L15.5607,19.5606 C14.9749,20.1464 14.0251,20.1464 13.4394,19.5606 C12.8536,18.9749 12.8536,18.0251 13.4394,17.4393 L15.3787,15.5 L8,15.5 C6.067,15.5 4.5,13.933 4.5,12 L4.5,5 C4.5,4.17157 5.17157,3.5 6,3.5 Z"/> </G> </Svg>); }; Icon.displayName = 'CornerDownRightFill'; /** * MingCute Icon: Corner Down Right Fill * @see {@link https://www.mingcute.com MingCute Icon Docs} */ export const CornerDownRightFill = memo(Icon);