@risemaxi/sigil
Version:
Icons and Signs for the Rise Design System
26 lines (25 loc) • 3.94 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 129 128" fill="none" height={size} width={size} {...otherProps}>
<G clipPath="url(#clip0_9040_38327)">
<Path d="M72.5564 58.106C72.7934 58.2246 72.9736 58.4325 73.0574 58.684C73.1412 58.9354 73.1218 59.2099 73.0034 59.447C72.6504 60.154 72.0034 60.773 71.3514 61.207C71.0604 61.401 70.7314 61.583 70.3854 61.724C70.6754 62.434 70.8844 63.199 71.0014 64H73.1094C73.3746 64 73.6289 64.1054 73.8165 64.2929C74.004 64.4804 74.1094 64.7348 74.1094 65C74.1094 65.2652 74.004 65.5196 73.8165 65.7071C73.6289 65.8946 73.3746 66 73.1094 66H71.0974C71.043 67.1432 70.7927 68.2685 70.3574 69.327C70.9294 69.657 71.3204 70.187 71.5664 70.677C71.9152 71.4023 72.1005 72.1953 72.1094 73C72.1091 73.2549 72.0115 73.5 71.8365 73.6854C71.6616 73.8707 71.4224 73.9822 71.168 73.9972C70.9135 74.0121 70.663 73.9293 70.4675 73.7657C70.2721 73.6021 70.1465 73.3701 70.1164 73.117L70.1094 73C70.1094 72.626 70.0084 72.034 69.7774 71.572C69.6474 71.312 69.5174 71.163 69.3924 71.083C68.1394 72.844 66.2864 74 64.1094 74C61.9324 74 60.0794 72.844 58.8264 71.083C58.7004 71.163 58.5714 71.313 58.4414 71.573C58.2317 72.0201 58.1185 72.5063 58.1094 73C58.1094 73.2652 58.004 73.5196 57.8165 73.7071C57.6289 73.8946 57.3746 74 57.1094 74C56.8442 74 56.5898 73.8946 56.4023 73.7071C56.2147 73.5196 56.1094 73.2652 56.1094 73C56.1184 72.1956 56.3037 71.403 56.6524 70.678C56.8984 70.186 57.2894 69.658 57.8614 69.328C57.4259 68.2692 57.1756 67.1435 57.1214 66H55.1094C54.8442 66 54.5898 65.8946 54.4023 65.7071C54.2147 65.5196 54.1094 65.2652 54.1094 65C54.1094 64.7348 54.2147 64.4804 54.4023 64.2929C54.5898 64.1054 54.8442 64 55.1094 64H57.2174C57.3302 63.2193 57.537 62.455 57.8334 61.724C57.4949 61.5844 57.1713 61.4112 56.8674 61.207C56.2164 60.773 55.5674 60.154 55.2154 59.447C55.1021 59.219 55.0801 58.9564 55.1538 58.7127C55.2276 58.469 55.3914 58.2626 55.6121 58.1356C55.8327 58.0086 56.0935 57.9705 56.3412 58.0291C56.589 58.0877 56.805 58.2386 56.9454 58.451L57.0034 58.553C57.1504 58.846 57.5034 59.227 57.9764 59.543C58.4624 59.867 58.8904 60 59.1094 60H69.1094C69.3284 60 69.7564 59.867 70.2424 59.543C70.6574 59.266 70.9784 58.94 71.1504 58.667L71.2154 58.553C71.334 58.316 71.5419 58.1358 71.7934 58.052C72.0448 57.9681 72.3193 57.9876 72.5564 58.106ZM68.3174 62H59.9014C59.4034 63.004 59.1094 64.202 59.1094 65.5C59.1094 68.809 60.9464 71.273 63.1094 71.864V65C63.1094 64.7348 63.2147 64.4804 63.4023 64.2929C63.5898 64.1054 63.8442 64 64.1094 64C64.3746 64 64.6289 64.1054 64.8165 64.2929C65.004 64.4804 65.1094 64.7348 65.1094 65V71.864C67.2724 71.273 69.1094 68.809 69.1094 65.5C69.1094 64.202 68.8154 63.004 68.3174 62ZM64.1094 55C64.9871 54.9998 65.8494 55.2308 66.6095 55.6696C67.3696 56.1085 68.0007 56.7398 68.4394 57.5L69.3094 59H58.9094L59.7784 57.5C60.2171 56.7396 60.8484 56.1083 61.6087 55.6694C62.369 55.2305 63.2315 54.9996 64.1094 55Z" fill={color}/>
</G>
<G filter="url(#filter0_f_9040_38327)">
<_Circle cx="64.3594" cy="64" r="14" fill={color}/>
</G>
<Defs>
<Filter id="filter0_f_9040_38327" x="0.359375" y="0" width="128" height="128" filterUnits="userSpaceOnUse">
<FeFlood result="BackgroundImageFix" floodOpacity="0"/>
<FeBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<FeGaussianBlur stdDeviation="25" result="effect1_foregroundBlur_9040_38327"/>
</Filter>
<ClipPath id="clip0_9040_38327">
<Rect width="24" height="24" fill={color} transform="translate(52.1094 52)"/>
</ClipPath>
</Defs>
</Svg>);
};
Icon.displayName = 'SystemErrorBlur';
export const SystemErrorBlur = memo(Icon);