@risemaxi/sigil
Version:
Icons and Signs for the Rise Design System
26 lines (25 loc) • 3.98 kB
JavaScript
import { memo } from 'react';
import { Svg, Circle as _Circle, G, Path, Rect, Defs, ClipPath, FeBlend, FeFlood, FeGaussianBlur, Filter, } from 'react-native-svg';
const Icon = (props) => {
const { color = 'black', size = 24, ...otherProps } = props;
return (<Svg viewBox="0 0 88 88" fill="none" height={size} width={size} {...otherProps}>
<G clipPath="url(#clip0_9040_38352)">
<Path d="M35.7181 35.2216C35.8903 35.0494 36.1194 34.946 36.3625 34.9307C36.6055 34.9154 36.8457 34.9893 37.0381 35.1386L37.1321 35.2216L39.5271 37.6166C40.8102 37.2064 42.1492 36.9982 43.4961 36.9996C47.0861 36.9996 50.3361 38.4556 52.6881 40.8076C52.8703 40.9962 52.9711 41.2488 52.9688 41.511C52.9665 41.7732 52.8614 42.024 52.676 42.2094C52.4906 42.3948 52.2397 42.5 51.9776 42.5022C51.7154 42.5045 51.4628 42.4037 51.2741 42.2216C50.254 41.1984 49.0416 40.3871 47.7068 39.8341C46.372 39.2812 44.941 38.9975 43.4961 38.9996C42.8541 38.9996 42.2261 39.0546 41.6141 39.1596L41.1591 39.2486L42.9281 41.0176C44.2034 40.9353 45.4815 41.1263 46.6769 41.5778C47.8724 42.0293 48.9577 42.7308 49.8601 43.6356C50.0423 43.8242 50.1431 44.0768 50.1408 44.339C50.1385 44.6012 50.0334 44.852 49.848 45.0374C49.6626 45.2228 49.4117 45.328 49.1495 45.3302C48.8874 45.3325 48.6348 45.2317 48.4461 45.0496C47.5978 44.2 46.545 43.5832 45.3891 43.2586L45.0931 43.1826L51.2741 49.3636C51.4535 49.5435 51.5576 49.785 51.5654 50.039C51.5731 50.2929 51.4839 50.5403 51.3159 50.7309C51.1479 50.9214 50.9136 51.0409 50.6607 51.065C50.4078 51.0891 50.1551 51.016 49.9541 50.8606L49.8601 50.7776L35.7181 36.6356C35.5307 36.448 35.4254 36.1937 35.4254 35.9286C35.4254 35.6634 35.5307 35.4091 35.7181 35.2216ZM43.4961 48.9996L43.6131 49.0066C43.8665 49.0364 44.0988 49.1619 44.2626 49.3574C44.4265 49.553 44.5094 49.8037 44.4944 50.0583C44.4795 50.3129 44.3678 50.5522 44.1822 50.7272C43.9967 50.9022 43.7512 50.9997 43.4961 50.9997C43.2411 50.9997 42.9956 50.9022 42.8101 50.7272C42.6245 50.5522 42.5128 50.3129 42.4979 50.0583C42.4829 49.8037 42.5658 49.553 42.7297 49.3574C42.8935 49.1619 43.1258 49.0364 43.3791 49.0066L43.4961 48.9996ZM42.2491 45.1566L44.1671 47.0746C43.6719 46.9598 43.1555 46.9732 42.6669 47.1138C42.1784 47.2543 41.7337 47.5172 41.3751 47.8776C41.1876 48.0652 40.9333 48.1707 40.668 48.1708C40.4027 48.1709 40.1483 48.0656 39.9606 47.8781C39.773 47.6906 39.6675 47.4362 39.6674 47.1709C39.6674 46.9057 39.7726 46.6512 39.9601 46.4636C40.5275 45.8962 41.2231 45.4736 41.9881 45.2316L42.2481 45.1566H42.2491ZM39.1891 42.0966L40.6811 43.5886C39.885 43.9389 39.161 44.4343 38.5461 45.0496C38.3575 45.2317 38.1049 45.3325 37.8427 45.3302C37.5806 45.328 37.3297 45.2228 37.1443 45.0374C36.9589 44.852 36.8538 44.6012 36.8515 44.339C36.8492 44.0768 36.95 43.8242 37.1321 43.6356C37.7406 43.0269 38.4329 42.5083 39.1881 42.0956L39.1891 42.0966ZM36.2791 39.1866L37.7251 40.6326C36.9969 41.0828 36.3234 41.616 35.7181 42.2216C35.5295 42.4037 35.2769 42.5045 35.0147 42.5022C34.7526 42.5 34.5017 42.3948 34.3163 42.2094C34.1309 42.024 34.0258 41.7732 34.0235 41.511C34.0212 41.2488 34.122 40.9962 34.3041 40.8076C34.9076 40.2037 35.5687 39.6604 36.2781 39.1856L36.2791 39.1866Z" fill={color}/>
</G>
<G filter="url(#filter0_f_9040_38352)">
<_Circle cx="44" cy="44" r="10" fill={color}/>
</G>
<Defs>
<Filter id="filter0_f_9040_38352" x="0.333508" y="0.333508" width="87.333" height="87.333" filterUnits="userSpaceOnUse">
<FeFlood result="BackgroundImageFix" floodOpacity="0"/>
<FeBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<FeGaussianBlur stdDeviation="16.8332" result="effect1_foregroundBlur_9040_38352"/>
</Filter>
<ClipPath id="clip0_9040_38352">
<Rect width="24" height="24" fill={color} transform="translate(31.5 32)"/>
</ClipPath>
</Defs>
</Svg>);
};
Icon.displayName = 'WifiInactiveBlur';
export const WifiInactiveBlur = memo(Icon);