@risemaxi/sigil
Version:
Icons and Signs for the Rise Design System
26 lines (25 loc) • 3.68 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 89 88" fill="none" height={size} width={size} {...otherProps}>
<G clipPath="url(#clip0_9040_38358)">
<Path d="M44.4961 49C44.7614 49 45.0157 49.1054 45.2033 49.2929C45.3908 49.4804 45.4961 49.7348 45.4961 50C45.4961 50.2652 45.3908 50.5196 45.2033 50.7071C45.0157 50.8947 44.7614 51 44.4961 51C44.2309 51 43.9766 50.8947 43.789 50.7071C43.6015 50.5196 43.4961 50.2652 43.4961 50C43.4961 49.7348 43.6015 49.4804 43.789 49.2929C43.9766 49.1054 44.2309 49 44.4961 49ZM44.4961 45C45.8761 45 47.1281 45.56 48.0321 46.464C48.2198 46.6516 48.3252 46.9061 48.3252 47.1715C48.3252 47.4369 48.2198 47.6914 48.0321 47.879C47.8445 48.0666 47.59 48.1721 47.3246 48.1721C47.0593 48.1721 46.8048 48.0666 46.6171 47.879C46.339 47.5999 46.0085 47.3785 45.6444 47.2277C45.2804 47.0768 44.8902 46.9994 44.4961 47C43.6671 47 42.9191 47.335 42.3751 47.879C42.1875 48.0666 41.933 48.1721 41.6676 48.1721C41.4023 48.1721 41.1478 48.0666 40.9601 47.879C40.7725 47.6914 40.6671 47.4369 40.6671 47.1715C40.6671 46.9061 40.7725 46.6516 40.9601 46.464C41.4241 45.9992 41.9753 45.6305 42.5821 45.3793C43.1889 45.1281 43.8394 44.9992 44.4961 45ZM44.4961 41C45.6783 40.9986 46.849 41.2308 47.9411 41.6832C49.0332 42.1355 50.0252 42.7992 50.8601 43.636C51.0423 43.8246 51.1431 44.0772 51.1408 44.3394C51.1385 44.6016 51.0334 44.8524 50.848 45.0378C50.6626 45.2232 50.4117 45.3284 50.1495 45.3307C49.8874 45.333 49.6348 45.2322 49.4461 45.05C48.7969 44.3989 48.0253 43.8826 47.1758 43.5308C46.3263 43.179 45.4156 42.9986 44.4961 43C43.5767 42.9986 42.666 43.179 41.8165 43.5308C40.967 43.8826 40.1954 44.3989 39.5461 45.05C39.3575 45.2322 39.1049 45.333 38.8427 45.3307C38.5806 45.3284 38.3297 45.2232 38.1443 45.0378C37.9589 44.8524 37.8538 44.6016 37.8515 44.3394C37.8492 44.0772 37.95 43.8246 38.1321 43.636C38.9671 42.7992 39.9591 42.1355 41.0512 41.6832C42.1433 41.2308 43.314 40.9986 44.4961 41ZM44.4961 37C48.0861 37 51.3361 38.456 53.6881 40.808C53.8703 40.9966 53.9711 41.2492 53.9688 41.5114C53.9665 41.7736 53.8614 42.0244 53.676 42.2098C53.4906 42.3952 53.2397 42.5004 52.9776 42.5027C52.7154 42.505 52.4628 42.4042 52.2741 42.222C51.254 41.1989 50.0416 40.3875 48.7068 39.8345C47.372 39.2816 45.941 38.998 44.4961 39C43.0513 38.9979 41.6203 39.2814 40.2854 39.8344C38.9506 40.3873 37.7382 41.1988 36.7181 42.222C36.5295 42.4042 36.2769 42.505 36.0147 42.5027C35.7526 42.5004 35.5017 42.3952 35.3163 42.2098C35.1309 42.0244 35.0258 41.7736 35.0235 41.5114C35.0212 41.2492 35.122 40.9966 35.3041 40.808C36.51 39.5991 37.9428 38.6404 39.5202 37.9869C41.0977 37.3334 42.7887 36.998 44.4961 37Z" fill={color}/>
</G>
<G filter="url(#filter0_f_9040_38358)">
<_Circle cx="44.5" cy="44" r="10" fill={color}/>
</G>
<Defs>
<Filter id="filter0_f_9040_38358" x="0.833508" 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_38358"/>
</Filter>
<ClipPath id="clip0_9040_38358">
<Rect width="24" height="24" fill={color} transform="translate(32.5 32)"/>
</ClipPath>
</Defs>
</Svg>);
};
Icon.displayName = 'WifiActiveBlur';
export const WifiActiveBlur = memo(Icon);