@risemaxi/sigil
Version:
Icons and Signs for the Rise Design System
15 lines (14 loc) • 1.24 kB
JavaScript
import { memo } from 'react';
import Svg, { Path } from 'react-native-svg';
const Icon = memo((_props) => {
const { color = 'black', size = 24, ...props } = _props;
return (<Svg fill={color} viewBox="0 0 24 24" width={size} height={size} {...props}>
<Path d="M2 12c0-.865.11-1.704.316-2.504A3 3 0 0 0 4.99 4.867a10 10 0 0 1 4.335-2.506 3 3 0 0 0 5.348 0 10 10 0 0 1 4.335 2.506 3 3 0 0 0 2.675 4.63c.206.8.316 1.638.316 2.503 0 .864-.11 1.703-.316 2.503a3 3 0 0 0-2.675 4.63 10 10 0 0 1-4.335 2.505 3 3 0 0 0-5.348 0 10 10 0 0 1-4.335-2.505 3 3 0 0 0-2.675-4.63C2.11 13.703 2 12.864 2 12m4.804 3c.63 1.091.81 2.346.564 3.524q.613.436 1.297.75A5 5 0 0 1 12 18c1.26 0 2.438.471 3.335 1.274q.684-.314 1.297-.75A5 5 0 0 1 17.196 15a5 5 0 0 1 2.77-2.25 8 8 0 0 0 0-1.5A5 5 0 0 1 17.196 9a5 5 0 0 1-.564-3.524 8 8 0 0 0-1.297-.75A5 5 0 0 1 12 6a5 5 0 0 1-3.335-1.274 8 8 0 0 0-1.297.75A5 5 0 0 1 6.804 9a5 5 0 0 1-2.77 2.25 8 8 0 0 0 0 1.5A5 5 0 0 1 6.805 15M12 15a3 3 0 1 1 0-6 3 3 0 0 1 0 6m0-2a1 1 0 1 0 0-2 1 1 0 0 0 0 2"/>
</Svg>);
});
Icon.displayName = 'Settings4Line';
/**
* Remix Icon: Settings 4 Line
* @see {@link https://remixicon.com/icon/settings-4-line Remix Icon Docs}
*/
export const Settings4Line = Icon;