@risemaxi/sigil
Version:
Icons and Signs for the Rise Design System
18 lines (17 loc) • 644 B
JavaScript
import { memo } from 'react';
import Svg, { Mask, Path, G } from 'react-native-svg';
const Icon = memo((_props) => {
const { color = 'black', size = 24, ...props } = _props;
return (<Svg fill="none" viewBox="0 0 25 25" width={size} height={size} {...props}>
<Mask id="a" width={25} height={25} x={0} y={0} maskUnits="userSpaceOnUse" style={{
maskType: 'alpha',
}}>
<Path fill={color} d="M.891.5h24v24h-24z"/>
</Mask>
<G mask="url(#a)">
<Path fill={color} d="m8.89 22.5 1-7h-5l9-13h2l-1 8h6l-10 12z"/>
</G>
</Svg>);
});
Icon.displayName = 'Bolt';
export const Bolt = Icon;