@risemaxi/sigil
Version:
Icons and Signs for the Rise Design System
39 lines (38 loc) • 5.45 kB
JavaScript
import { memo } from 'react';
import { Svg, G, LinearGradient, Path, Defs, Stop, FeBlend, FeColorMatrix, FeComposite, FeFlood, FeGaussianBlur, Filter, FeOffset, } from 'react-native-svg';
const Icon = (props) => {
const { color = 'black', size = 24, ...otherProps } = props;
return (<Svg viewBox="0 0 32 23" fill="none" height={size} width={size} {...otherProps}>
<Path d="M9.74566 10.6686C9.74566 12.1499 10.909 13.2982 12.4053 13.2982C12.8287 13.2982 13.1905 13.2147 13.6375 13.0047V11.8478C13.2447 12.2407 12.8966 12.3994 12.4509 12.3994C11.461 12.3994 10.7584 11.6818 10.7584 10.6613C10.7584 9.69414 11.4838 8.93092 12.4053 8.93092C12.8743 8.93092 13.2292 9.09781 13.6375 9.49753V8.3411C13.2064 8.12251 12.8515 8.03174 12.4285 8.03174C10.9395 8.03174 9.74566 9.20364 9.74566 10.6686Z" fill="#251F1F"/>
<Path d="M7.22314 9.44502C7.22314 9.71693 7.39654 9.86103 7.98636 10.0792C9.10453 10.4883 9.43587 10.8506 9.43587 11.6512C9.43587 12.6265 8.71905 13.3055 7.69776 13.3055C6.95 13.3055 6.40618 13.0112 5.95313 12.3465L6.58813 11.7351C6.81446 12.1727 7.1922 12.4071 7.66072 12.4071C8.09952 12.4071 8.42394 12.1047 8.42394 11.6964C8.42394 11.4848 8.32543 11.3028 8.12923 11.175C8.03032 11.1143 7.83453 11.0236 7.44986 10.888C6.52667 10.5559 6.20998 10.2005 6.20998 9.50608C6.20998 8.68139 6.89017 8.06227 7.78161 8.06227C8.33398 8.06227 8.83954 8.25114 9.26247 8.62115L8.74795 9.29441C8.49192 9.00744 8.25013 8.88614 7.95542 8.88614C7.53168 8.88614 7.22314 9.12752 7.22314 9.44502Z" fill="#251F1F"/>
<Path d="M1.443 8.14572H0V13.1846H1.43527C2.19808 13.1846 2.74964 13.0047 3.23322 12.6029C3.80797 12.1271 4.14786 11.4099 4.14786 10.6686C4.14786 9.18167 3.03661 8.14572 1.443 8.14572ZM2.59089 11.9313C2.28193 12.2097 1.88099 12.3314 1.24599 12.3314H0.982217V8.99972H1.24599C1.88099 8.99972 2.26606 9.11288 2.59089 9.40717C2.93118 9.70961 3.13512 10.1785 3.13512 10.6613C3.13512 11.1449 2.93118 11.6289 2.59089 11.9313Z" fill="#251F1F" fillRule="evenodd" clipRule="evenodd"/>
<Path d="M5.58314 8.14572H4.60011V13.1846H5.58314V8.14572Z" fill="#251F1F"/>
<Path d="M20.0868 8.14572L21.4309 11.5299L22.7921 8.14572H23.8573L21.6804 13.3141H21.1517L19.0134 8.14572H20.0868Z" fill="#251F1F"/>
<Path d="M24.3018 13.1846H27.0893V12.3314H25.284V10.9715H27.0226V10.1179H25.284V8.99972H27.0893V8.14572H24.3018V13.1846Z" fill="#251F1F"/>
<Path d="M29.1974 8.14572C30.3311 8.14572 30.9815 8.68995 30.9815 9.63309C30.9815 10.4049 30.5733 10.9112 29.8328 11.0618L31.4191 13.1846H30.2106L28.8502 11.1603H28.7216V13.1846H27.7402V8.14572H29.1974ZM28.7216 10.4655H29.0094C29.6371 10.4655 29.9696 10.1928 29.9696 9.68641C29.9696 9.19591 29.6371 8.93906 29.0244 8.93906H28.7216V10.4655Z" fill="#251F1F" fillRule="evenodd" clipRule="evenodd"/>
<Path d="M31.7647 8.4099C31.7647 8.32116 31.7033 8.27273 31.5962 8.27273H31.4537V8.71723H31.5596V8.54504L31.6837 8.71723H31.8136L31.6674 8.53405C31.7297 8.51696 31.7647 8.47137 31.7647 8.4099ZM31.5775 8.47055H31.5596V8.35414H31.5787C31.6312 8.35414 31.6585 8.37327 31.6585 8.41153C31.6585 8.45061 31.6308 8.47055 31.5775 8.47055Z" fill="#251F1F" fillRule="evenodd" clipRule="evenodd"/>
<Path d="M31.2303 8.49414C31.2303 8.27881 31.402 8.10663 31.6174 8.10663C31.8274 8.10663 32 8.28207 32 8.49414C32 8.70744 31.8274 8.88166 31.6174 8.88166C31.4037 8.88166 31.2303 8.70907 31.2303 8.49414ZM31.3072 8.49455C31.3072 8.67121 31.446 8.81246 31.6157 8.81246C31.7851 8.81246 31.9227 8.66958 31.9227 8.49455C31.9227 8.32115 31.7851 8.17624 31.6157 8.17624C31.4448 8.17624 31.3072 8.31789 31.3072 8.49455Z" fill="#251F1F" fillRule="evenodd" clipRule="evenodd"/>
<G filter="url(#filter0_i_134_2106)">
<Path d="M16.6162 13.3376C15.1435 13.3376 13.9492 12.1433 13.9492 10.6706V10.667C13.9492 9.93425 14.2459 9.26755 14.7258 8.78765C14.7258 8.78394 14.7295 8.78394 14.7295 8.78032C14.7332 8.78032 14.7332 8.77661 14.7369 8.77661C15.2168 8.29671 15.8836 8 16.6162 8H16.6199C18.0926 8 19.2869 9.19427 19.2869 10.667V10.6706C19.2869 11.4034 18.9901 12.0664 18.5102 12.55C18.5102 12.5537 18.5066 12.5537 18.5066 12.5574C18.5029 12.5574 18.5029 12.561 18.4993 12.561C18.0157 13.0409 17.3526 13.3376 16.6199 13.3376H16.6162Z" fill="url(#paint0_linear_134_2106)"/>
</G>
<Defs>
<Filter id="filter0_i_134_2106" x="13.9492" y="8" width="6.31481" height="6.80303" filterUnits="userSpaceOnUse">
<FeFlood result="BackgroundImageFix" floodOpacity="0"/>
<FeBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<FeColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<FeOffset dx="0.976924" dy="1.46539"/>
<FeGaussianBlur stdDeviation="0.976924"/>
<FeComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<FeColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.35 0"/>
<FeBlend mode="normal" in2="shape" result="effect1_innerShadow_134_2106"/>
</Filter>
<LinearGradient id="paint0_linear_134_2106" x1="15.2192" y1="8" x2="19.6051" y2="11.7112" gradientUnits="userSpaceOnUse">
<Stop stopColor="#EF3823"/>
<Stop offset="0.489583" stopColor="#F04D22"/>
<Stop offset="1" stopColor="#F7911D"/>
</LinearGradient>
</Defs>
</Svg>);
};
Icon.displayName = 'DiscoverLogo';
export const DiscoverLogo = memo(Icon);