@risemaxi/sigil
Version:
Icons and Signs for the Rise Design System
18 lines (17 loc) • 1.84 kB
JavaScript
import { memo } from 'react';
import { Svg, G, Mask, Path, Rect } from 'react-native-svg';
const Icon = (props) => {
const { color = 'black', size = 24, ...otherProps } = props;
return (<Svg viewBox="0 0 25 25" fill="none" height={size} width={size} {...otherProps}>
<Mask id="mask0_1009_42091" style={{
maskType: 'alpha',
}} maskUnits="userSpaceOnUse" x="0" y="0" width="25" height="25">
<Rect x="0.890625" y="0.5" width="24" height="24" fill={color}/>
</Mask>
<G mask="url(#mask0_1009_42091)">
<Path d="M10.1398 22.5L9.73984 19.3C9.52318 19.2167 9.31901 19.1167 9.12734 19C8.93568 18.8833 8.74818 18.7583 8.56484 18.625L5.58984 19.875L2.83984 15.125L5.41484 13.175C5.39818 13.0583 5.38984 12.9458 5.38984 12.8375V12.1625C5.38984 12.0542 5.39818 11.9417 5.41484 11.825L2.83984 9.875L5.58984 5.125L8.56484 6.375C8.74818 6.24167 8.93984 6.11667 9.13984 6C9.33984 5.88333 9.53984 5.78333 9.73984 5.7L10.1398 2.5H15.6398L16.0398 5.7C16.2565 5.78333 16.4607 5.88333 16.6523 6C16.844 6.11667 17.0315 6.24167 17.2148 6.375L20.1898 5.125L22.9398 9.875L20.3648 11.825C20.3815 11.9417 20.3898 12.0542 20.3898 12.1625V12.8375C20.3898 12.9458 20.3732 13.0583 20.3398 13.175L22.9148 15.125L20.1648 19.875L17.2148 18.625C17.0315 18.7583 16.8398 18.8833 16.6398 19C16.4398 19.1167 16.2398 19.2167 16.0398 19.3L15.6398 22.5H10.1398ZM12.9398 16C13.9065 16 14.7315 15.6583 15.4148 14.975C16.0982 14.2917 16.4398 13.4667 16.4398 12.5C16.4398 11.5333 16.0982 10.7083 15.4148 10.025C14.7315 9.34167 13.9065 9 12.9398 9C11.9565 9 11.1273 9.34167 10.4523 10.025C9.77734 10.7083 9.43984 11.5333 9.43984 12.5C9.43984 13.4667 9.77734 14.2917 10.4523 14.975C11.1273 15.6583 11.9565 16 12.9398 16Z" fill={color}/>
</G>
</Svg>);
};
Icon.displayName = 'Settings';
export const Settings = memo(Icon);